From ca9e1593a9d6ee394673e5b2dbc429117f689a89 Mon Sep 17 00:00:00 2001 From: Nicholas Lamicela Date: Fri, 13 Sep 2024 16:24:21 -0700 Subject: [PATCH] iconic magenta stripes --- public/css/index.css | 43 +++++++------------------------------- public/css/message-box.css | 18 ---------------- 2 files changed, 8 insertions(+), 53 deletions(-) delete mode 100644 public/css/message-box.css diff --git a/public/css/index.css b/public/css/index.css index 63f77c5..b624f51 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -6,36 +6,17 @@ /* Theme colors */ :root { - --color-gray-20: #e0e0e0; - --color-gray-50: #C0C0C0; - --color-gray-90: #333; + --xkcd-light-grey: #d8dcd6; + --xkcd-steel-blue: #5a7d9a; + --xkcd-magenta: #c20078; - --background-color: #fff; - - --text-color: var(--color-gray-90); - --text-color-link: #082840; - --text-color-link-active: #5f2b48; - --text-color-link-visited: #17050F; + --background-color: black; + --text-color: var(--xkcd-light-grey); + --text-color-link: var(--xkcd-steel-blue); --syntax-tab-size: 2; } -@media (prefers-color-scheme: dark) { - :root { - --color-gray-20: #e0e0e0; - --color-gray-50: #C0C0C0; - --color-gray-90: #dad8d8; - - /* --text-color is assigned to --color-gray-_ above */ - --text-color-link: #1493fb; - --text-color-link-active: #6969f7; - --text-color-link-visited: #a6a6f8; - - --background-color: #15202b; - } -} - - /* Global stylesheet */ * { box-sizing: border-box; @@ -81,13 +62,6 @@ li { a[href] { color: var(--text-color-link); } -a[href]:visited { - color: var(--text-color-link-visited); -} -a[href]:hover, -a[href]:active { - color: var(--text-color-link-active); -} main { padding: 1rem; @@ -97,7 +71,7 @@ main :first-child { } header { - border-bottom: 1px dashed var(--color-gray-20); + border-bottom: 1.5ch double var(--xkcd-magenta); } header:after { content: ""; @@ -107,7 +81,7 @@ header:after { .links-nextprev { list-style: none; - border-top: 1px dashed var(--color-gray-20); + border-top: 1.5ch double var(--xkcd-magenta); padding: 1em 0; } @@ -201,7 +175,6 @@ header { .postlist-date, .postlist-item:before { font-size: 0.8125em; /* 13px /16 */ - color: var(--color-gray-90); } .postlist-date { word-spacing: -0.5px; diff --git a/public/css/message-box.css b/public/css/message-box.css deleted file mode 100644 index a6e142e..0000000 --- a/public/css/message-box.css +++ /dev/null @@ -1,18 +0,0 @@ -/* Message Box */ -.message-box { - --color-message-box: #ffc; - - display: block; - background-color: var(--color-message-box); - color: var(--color-gray-90); - padding: 1em 0.625em; /* 16px 10px /16 */ -} -.message-box ol { - margin-top: 0; -} - -@media (prefers-color-scheme: dark) { - .message-box { - --color-message-box: #082840; - } -}