From 551b73efbb6100f0886bba089762c36c3a8a553f Mon Sep 17 00:00:00 2001 From: Danny Halarewich Date: Thu, 12 Dec 2024 19:38:43 -0800 Subject: [PATCH] CSS color changes --- _layouts/home.html | 3 ++- _sass/no-style-please.scss | 38 +++++++++++++++++++++++++------------- 2 files changed, 27 insertions(+), 14 deletions(-) diff --git a/_layouts/home.html b/_layouts/home.html index 5e08510..e618241 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -2,7 +2,8 @@ layout: default ---
-

{{ site.title }}

+

Hi, I'm Danny Halarewich

+

A regular human man who likes to read, spend time outside, build web stuff and businesses.

{%-if site.theme_config.show_description-%}

{{ site.description }}

{%-endif-%} diff --git a/_sass/no-style-please.scss b/_sass/no-style-please.scss index a9c9688..763d790 100644 --- a/_sass/no-style-please.scss +++ b/_sass/no-style-please.scss @@ -1,19 +1,19 @@ // -------------- THEME SWITCHER -------------- // -@mixin dark-appearance { - filter: invert(1); - img { - filter: invert(1); +// @mixin dark-appearance { +// filter: invert(1); +// img { +// filter: invert(1); - &.ioda { filter: invert(0); } - } -} +// &.ioda { filter: invert(0); } +// } +// } -body[a="dark"] { @include dark-appearance; } +// body[a="dark"] { @include dark-appearance; } -@media (prefers-color-scheme: dark) { - body[a="auto"] { @include dark-appearance; } -} +// @media (prefers-color-scheme: dark) { +// body[a="auto"] { @include dark-appearance; } +// } // -------------------------------------------- // // bg color is also needed in html in order to @@ -24,7 +24,8 @@ html, body { background: white; } html { height: 100%; } body { - color: black; + background-color: #313715; + color: #E2F9B8; font-family: monospace; font-size: 16px; line-height: 1.4; @@ -35,7 +36,10 @@ body { .post-meta { text-align: right; } -h2, h3, h4, h5, h6 { margin-top: 3rem; } +h2, h3, h4, h5, h6 { + color: #BBCE8A; + margin-top: 3rem; +} hr { margin: 2rem 0; } @@ -43,6 +47,14 @@ p { margin: 1rem 0; } li { margin: 0.4rem 0; } +a { + color: #D16014; +} + +a:hover { + filter:brightness(60%) +} + *:target { background: yellow; } .w {