Mercurial

comparison mrjunejune/src/base.css @ 133:902e29c38d66

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[Blog] Final copy for websocket one.
author June Park <parkjune1995@gmail.com>
date Fri, 09 Jan 2026 08:30:35 -0800
parents 65e5a5b89a4e
children 1c0878eb17de
comparison
equal deleted inserted replaced
132:7a63e41a21fb 133:902e29c38d66
25 --white: #ffffff; 25 --white: #ffffff;
26 --black: hsl(224, 12%, 4%); 26 --black: hsl(224, 12%, 4%);
27 --darkgray: #333333; 27 --darkgray: #333333;
28 --gray: #5d5d5d; 28 --gray: #5d5d5d;
29 --lightgray: #999999; 29 --lightgray: #999999;
30 --gray-light: var(--lightgray);
30 --green: #c2e15f; 31 --green: #c2e15f;
31 --orange: #fda333; 32 --orange: #fda333;
32 --purple: #d3a4f9; 33 --purple: #d3a4f9;
33 --red: #fb4485; 34 --red: #fb4485;
34 --blue: #6ce0f1; 35 --blue: #6ce0f1;
48 .dark { 49 .dark {
49 --white: hsl(224, 10%, 10%); 50 --white: hsl(224, 10%, 10%);
50 --black: hsl(0, 0%, 90%); 51 --black: hsl(0, 0%, 90%);
51 --darkgray: #cccccc; /* Inverted */ 52 --darkgray: #cccccc; /* Inverted */
52 --lightgray: #666666; /* Inverted */ 53 --lightgray: #666666; /* Inverted */
54 --gray-light: var(--lightgray);
53 --green: #3d1ea0; /* Complementary */ 55 --green: #3d1ea0; /* Complementary */
54 --orange: #025ccc; /* Complementary */ 56 --orange: #025ccc; /* Complementary */
55 --purple: #2b5b06; /* Complementary */ 57 --purple: #2b5b06; /* Complementary */
56 --red: #04bb7a; /* Complementary */ 58 --red: #04bb7a; /* Complementary */
57 --blue: #932f0e; /* Complementary */ 59 --blue: #932f0e; /* Complementary */
75 :root:not(.light-mode) { 77 :root:not(.light-mode) {
76 --white: hsl(224, 10%, 10%); 78 --white: hsl(224, 10%, 10%);
77 --black: hsl(0, 0%, 90%); 79 --black: hsl(0, 0%, 90%);
78 --darkgray: #cccccc; 80 --darkgray: #cccccc;
79 --lightgray: #666666; 81 --lightgray: #666666;
82 --gray-light: var(--lightgray);
80 --green: #3d1ea0; 83 --green: #3d1ea0;
81 --orange: #025ccc; 84 --orange: #025ccc;
82 --purple: #2b5b06; 85 --purple: #2b5b06;
83 --red: #04bb7a; 86 --red: #04bb7a;
84 --blue: #932f0e; 87 --blue: #932f0e;
156 main { 159 main {
157 background: var(--white); 160 background: var(--white);
158 width: var(--main-width); 161 width: var(--main-width);
159 max-width: calc(100% - 2em); 162 max-width: calc(100% - 2em);
160 margin: auto; 163 margin: auto;
161 padding: 1em 1em;
162 } 164 }
163 165
164 h1, 166 h1,
165 h2, 167 h2,
166 h3, 168 h3,