diff options
author | tdro <tdro@noreply.example.com> | 2022-05-23 08:32:51 -0400 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2022-05-23 08:32:51 -0400 |
commit | aabe5dadf735d64e7a45cf5a618b5c6f7aa8f547 (patch) | |
tree | fec01f087d75cb00798345ce4120073b5a062c81 | |
parent | 06c7b621c9924b2b8bbcc4363109367f3715d9a8 (diff) | |
download | canory-aabe5dadf735d64e7a45cf5a618b5c6f7aa8f547.tar.gz canory-aabe5dadf735d64e7a45cf5a618b5c6f7aa8f547.tar.bz2 canory-aabe5dadf735d64e7a45cf5a618b5c6f7aa8f547.zip |
assets/css/default: Hover and active variables are backgrounds
-rw-r--r-- | assets/css/default.css | 42 | ||||
-rw-r--r-- | themes/default/layouts/partials/styles-navigator.html | 4 |
2 files changed, 23 insertions, 23 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 72b0ae0..63d98f7 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -24,7 +24,7 @@ :root { color-scheme: light dark; - --active-alternate: #cce1ff; + --active-background-alternate: #cce1ff; --background-bolder: #fff; --background-transparent: rgba(255, 255, 255, 0.9); --background: #fefefe; @@ -35,27 +35,27 @@ --danger: #8f0000; --disabled: #999; --fade: #555; - --foreground: #111; --focus-within-background: #f0ecf9; - --hover-alternate: #ebf3ff; - --hover: #eee; + --foreground: #111; + --hover-background-alternate: #ebf3ff; + --hover-background: #eee; --input-background: #eff3f4; --link: #0149bc; --shadow: #999; --spoiler: #333; --success-background: #d5f3c4; --success: #1d3c0c; + --table-row-even-background: #f9f9f9; + --table-row-odd-background: #f3f3f3; --target-background: #fffdeb; --warning-background: #ffe699; --warning: #332600; --widget-background: #f9f9f9; - --table-row-odd-background: #f3f3f3; - --table-row-even-background: #f9f9f9; } @media (prefers-color-scheme: dark) { :root { - --active-alternate: var(--hover-alternate); + --active-background-alternate: var(--hover-background-alternate); --background-bolder: #111; --background-transparent: rgba(28, 28, 28, 0.9); --background: #1c1c1c; @@ -66,22 +66,22 @@ --danger: #ff9494; --disabled: #999; --fade: #aaa; - --foreground: #ddd; - --hover-alternate: #1c263a; - --hover: #303030; --focus-within-background: #291933; + --foreground: #ddd; + --hover-background-alternate: #1c263a; + --hover-background: #303030; --input-background: #333; --link: #8cb4ff; --shadow: #000; --spoiler: #aaa; --success-background: #2d3e0f; --success: #d5f3c4; - --target-background: var(--hover); + --table-row-even-background: #273030; + --table-row-odd-background: #2e3838; + --target-background: var(--hover-background); --warning-background: #3d3d00; --warning: #ffe699; --widget-background: #262626; - --table-row-odd-background: #2e3838; - --table-row-even-background: #273030; } img { filter: brightness(75%); @@ -327,7 +327,7 @@ column-left nav li { column-left nav li:hover a { background-color: #eee; - background-color: var(--hover); + background-color: var(--hover-background); border-radius: 0.5rem; } @@ -535,7 +535,7 @@ tbody tr:nth-child(even) td { tbody tr:hover td { background-color: #eee; - background-color: var(--hover); + background-color: var(--hover-background); } tr:last-child td:first-child { @@ -642,7 +642,7 @@ micro-article { micro-summary:hover { background-color: #f5f9ff; - background-color: var(--hover-alternate); + background-color: var(--hover-background-alternate); } micro-summary:focus-within { @@ -920,7 +920,7 @@ tab-list a { tab-list a:hover { background-color: #eee; - background-color: var(--hover); + background-color: var(--hover-background); color: inherit; } @@ -976,7 +976,7 @@ icon-button a { icon-button a:hover { background-color: #eee; - background-color: var(--hover); + background-color: var(--hover-background); } icon-button svg { @@ -1238,12 +1238,12 @@ search-entry ul li a { search-entry ul li:first-child a { background-color: #ebf3ff; - background-color: var(--hover-alternate); + background-color: var(--hover-background-alternate); } search-entry ul li a:hover { background-color: #eee; - background-color: var(--hover); + background-color: var(--hover-background); } item-list { @@ -1284,7 +1284,7 @@ item-list li a { item-list li:hover { background-color: #eee; - background-color: var(--hover); + background-color: var(--hover-background); } item-list li:hover span:last-child { diff --git a/themes/default/layouts/partials/styles-navigator.html b/themes/default/layouts/partials/styles-navigator.html index c7b6eb1..80ebcd6 100644 --- a/themes/default/layouts/partials/styles-navigator.html +++ b/themes/default/layouts/partials/styles-navigator.html @@ -5,10 +5,10 @@ column-left nav a[href="{{ "" | absURL }}{{ .Link }}"] { column-left nav a[href="{{ "" | absURL }}{{ .Link }}"] { background-color: #f0f6ff; - background-color: var(--hover-alternate); + background-color: var(--hover-background-alternate); } icon-navigator a[href="{{ "" | absURL }}{{ .Link }}"] svg { fill: #e5f0ff; - fill: var(--active-alternate); + fill: var(--active-background-alternate); } |