diff options
| author | Jacob McDonnell <jacob@simplelittledream.com> | 2022-05-27 00:43:07 -0400 |
|---|---|---|
| committer | Jacob McDonnell <jacob@simplelittledream.com> | 2022-05-27 00:43:07 -0400 |
| commit | f2b934fee897f93c0f1ba6974af308f6e0669d85 (patch) | |
| tree | 8b2c8dd2178df023c5413298ae5618b32298aab1 /CSS | |
| parent | 3e3a3119426826a32db96d769d4adce03b0d402d (diff) | |
Reordered Main page and changed color var names
Diffstat (limited to '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 */ |