diff --git a/styles/components/nav-header.css b/styles/components/nav-header.css index 9f80f5f..b09d22c 100644 --- a/styles/components/nav-header.css +++ b/styles/components/nav-header.css @@ -37,6 +37,10 @@ gap: 1.5rem; } +.nav-header-links a:hover, .nav-header-theme-switch button:hover{ + opacity: var(--hover-opacity); +} + .nav-header-link-selected { color: var(--color-text); } diff --git a/styles/pages/kapten-alloc.css b/styles/pages/kapten-alloc.css index ab418b0..3e60e4a 100644 --- a/styles/pages/kapten-alloc.css +++ b/styles/pages/kapten-alloc.css @@ -69,6 +69,10 @@ color: var(--color-text); } +.kapten-alloc-subheader button:hover { + opacity: var(--hover-opacity); +} + .kapten-alloc-search span { margin-left: -2.2rem; font-size: 0.8rem; @@ -107,8 +111,10 @@ .kapten-alloc-table tbody tr { cursor: pointer; + transition: none; } + .kapten-alloc-table tbody tr:nth-child(odd) { background-color: var(--color-bg); } @@ -117,10 +123,18 @@ background-color: var(--color-bg-secondary); } +.kapten-alloc-table tbody tr:hover { + background-color: var(--color-bg-hover); +} + .kapten-alloc-table tbody tr.selected { background-color: var(--color-bg-highlight); } +.kapten-alloc-table tbody tr.selected:hover { + background-color: var(--color-bg-highlight-hover); +} + .kapten-alloc-table tbody tr.selected td { color: var(--color-text); } diff --git a/styles/themes/dark.css b/styles/themes/dark.css index 88029bf..306c4e4 100644 --- a/styles/themes/dark.css +++ b/styles/themes/dark.css @@ -2,11 +2,16 @@ --color-bg: #1c1c1c; --color-bg-secondary: #232323; --color-bg-panel: #161616; - --color-bg-highlight: #451179; + --color-bg-hover: #7b7b7b59; + --color-bg-highlight: #451179c1; + --color-bg-highlight-hover: #652aa0ac; + --color-text: #ffffff; --color-text-secondary: #a0a0a0; --color-text-accent: #ffffff; --color-border: #333333; + + --hover-opacity: 0.75; } \ No newline at end of file diff --git a/styles/themes/light.css b/styles/themes/light.css index 9c03632..71cf001 100644 --- a/styles/themes/light.css +++ b/styles/themes/light.css @@ -2,11 +2,15 @@ --color-bg: #ebebeb; --color-bg-secondary: #ffffff; --color-bg-panel: #dedede; + --color-bg-hover: #bdbdbd7e; --color-bg-highlight: #ff9ed4; + --color-bg-highlight-hover: #fa6cbaca; --color-text: #000000; --color-text-secondary: #555555; --color-text-accent: #ff386d; --color-border: #cdcdcd; + + --hover-opacity: 0.55; } \ No newline at end of file