diff options
Diffstat (limited to 'CSS/main.css')
| -rw-r--r-- | CSS/main.css | 48 |
1 files changed, 24 insertions, 24 deletions
diff --git a/CSS/main.css b/CSS/main.css index d05edd9..488cc9a 100644 --- a/CSS/main.css +++ b/CSS/main.css @@ -6,34 +6,34 @@ * Secondary color: #0b3075 */ :root { - --main-bg-color: #eaefef; - --code-bg-color: #d4d9d9; - --main-color: #00558e; - --second-color: #0b3075; + --color-1: #eaefef; + --color-2: #d4d9d9; + --color-3: #00558e; + --color-4: #0b3075; } body{ - background-color:var(--main-bg-color); - color:var(--main-color); + background-color:var(--color-1); + color:var(--color-3); } a{ - color: var(--main-color); + color: var(--color-3); } ul.topBar{ - background-color:var(--main-color); + background-color:var(--color-3); } li.topLink a{ - color:var(--main-bg-color); + color:var(--color-1); } li.topLink a:hover{ - background-color:var(--second-color); + background-color:var(--color-4); } .search{ - color:var(--main-color); - background-color:var(--main-bg-color); - border-color:var(--main-color); + color:var(--color-3); + background-color:var(--color-1); + border-color:var(--color-3); } pre code { - background-color: var(--code-bg-color); + background-color: var(--color-2); } @media (prefers-color-scheme: dark) { @@ -45,35 +45,35 @@ pre code { * Secondary color: #0b3075 */ :root { - --main-bg-color: #0D1F22; - --code-bg-color: #081417; - --main-color: #00558e; - --second-color: #0b3075; + --color-1: #0D1F22; + --color-2: #081417; + --color-3: #00558e; + --color-4: #0b3075; --text-color: #eaefef; } body{ - background-color:var(--main-bg-color); + background-color:var(--color-1); color:var(--text-color); } a{ color: var(--text-color); } ul.topBar{ - background-color:var(--main-color); + background-color:var(--color-3); } li.topLink a{ color:var(--text-color); } li.topLink a:hover{ - background-color:var(--second-color); + background-color:var(--color-4); } .search{ - color:var(--main-color); + color:var(--color-3); background-color:var(--text-color); - border-color:var(--main-color); + border-color:var(--color-3); } pre code { - background-color: var(--code-bg-color); + background-color: var(--color-2); } } /* Common CSS styling */ |
