From c0547f368bd283abea04814abc4e724bbfcf6c3b Mon Sep 17 00:00:00 2001 From: Phantop Date: Mon, 27 Feb 2023 21:12:29 -0500 Subject: [PATCH] try adding custom jekyll css --- assets/css/style.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 assets/css/style.css diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..06103a5 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,35 @@ +:root { + background: repeating-linear-gradient(to bottom, + #5bcefa 000px, #5bcefa 150px, + #f5a9b8 150px, #f5a9b8 300px, + #ffffff 300px, #ffffff 450px, + #f5a9b8 450px, #f5a9b8 600px); +} + +a { color: rgba(0, 0, 0, 0.7); } +a:focus, a:hover { color: rgba(0, 0, 0, 0.6); } + +body > div{ + background-color: #fafafa; + border-radius: 20px; + border-style: dashed; + color: #333; + margin: auto; + max-width: 800px; + overflow: auto; + padding: 20px; +} + +@media (prefers-color-scheme: dark) { + :root { + background: repeating-linear-gradient(to bottom, + #D70071 000px, #D70071 300px, + #9C4E97 300px, #9C4E97 450px, + #0035AA 450px, #0035AA 750px); + } + + a { color: rgba(255, 255, 255, 0.8); } + a:focus, a:hover { color: rgba(255, 255, 255, 0.6); } + + body > div { background-color: #050505; color: #FFF; } +}