diff options
| author | Jacob McDonnell <jacob@simplelittledream.com> | 2022-04-09 22:39:03 -0400 |
|---|---|---|
| committer | Jacob McDonnell <jacob@simplelittledream.com> | 2022-04-09 22:39:03 -0400 |
| commit | 0e337815a280771cfd51fad1318baf88cd865b20 (patch) | |
| tree | b85df3a67ff3b0763b23c5db651e09a25a831a6b /CSS/main.css | |
| parent | 4eb7b2f7faeaa41755d784f49f2fd73cb2d7b87f (diff) | |
made light colors default without media query
Diffstat (limited to 'CSS/main.css')
| -rw-r--r-- | CSS/main.css | 72 |
1 files changed, 35 insertions, 37 deletions
diff --git a/CSS/main.css b/CSS/main.css index b0990d6..d05edd9 100644 --- a/CSS/main.css +++ b/CSS/main.css @@ -1,41 +1,39 @@ -@media (prefers-color-scheme: light) { - /* - * Color scheme - * Background color: #eaefef - * Code background: #d4d9d9 - * Main color: #00558e - * Secondary color: #0b3075 - */ - :root { - --main-bg-color: #eaefef; - --code-bg-color: #d4d9d9; - --main-color: #00558e; - --second-color: #0b3075; - } - body{ - background-color:var(--main-bg-color); - color:var(--main-color); - } - a{ - color: var(--main-color); - } - ul.topBar{ - background-color:var(--main-color); - } - li.topLink a{ - color:var(--main-bg-color); - } - li.topLink a:hover{ - background-color:var(--second-color); - } - .search{ - color:var(--main-color); - background-color:var(--main-bg-color); - border-color:var(--main-color); - } - pre code { - background-color: var(--code-bg-color); +/* + * Color scheme + * Background color: #eaefef + * Code background: #d4d9d9 + * Main color: #00558e + * Secondary color: #0b3075 + */ +:root { + --main-bg-color: #eaefef; + --code-bg-color: #d4d9d9; + --main-color: #00558e; + --second-color: #0b3075; } +body{ + background-color:var(--main-bg-color); + color:var(--main-color); +} +a{ + color: var(--main-color); +} +ul.topBar{ + background-color:var(--main-color); +} +li.topLink a{ + color:var(--main-bg-color); +} +li.topLink a:hover{ + background-color:var(--second-color); +} +.search{ + color:var(--main-color); + background-color:var(--main-bg-color); + border-color:var(--main-color); +} +pre code { + background-color: var(--code-bg-color); } @media (prefers-color-scheme: dark) { |