diff --git a/countdown-list.css b/countdown-list.css index d78529d8..88b8973f 100644 --- a/countdown-list.css +++ b/countdown-list.css @@ -21,14 +21,14 @@ --bg-sidebarListHover: rgba(0, 0, 0, 0.1); --color-sidebar: white; --color-cdList: white; - --bg-cdListHover: #735fe7; + --bg-cdListHover: #303041; overflow-x: hidden; } .dark{ --bg-color: #1b182c; --color-text: white; --bg-timer: #474650; - --bg-cdList: var(--color-banner); + --bg-cdList: #3b3b50; } .light { --bg-color: #dbdbdb; @@ -396,6 +396,8 @@ hr{color:rgba(255, 255, 255, 0.2); width: 85%;} } .countdown-list-item:hover{ background: var(--bg-cdListHover); +box-shadow: inset 0 0 0vmin .4vmin var(--color-banner); +/* border: solid .2vmin var(--color-banner); */ } .countdown-list-item{ background: var(--bg-cdList); @@ -430,6 +432,7 @@ padding: 0 0 0 1rem; grid-area: date; font-size: 0.65rem; padding-left: 1rem; + padding-bottom: 0.2rem; border-right: 1px solid rgba(0, 0, 0, 0.1); } @@ -449,7 +452,6 @@ padding: 0 0 0 1rem; } .menu-opts:hover{ background:rgba(0, 0, 0, 0.1); - } /* desktop */ @@ -485,6 +487,6 @@ padding: 0 0 0 1rem; bottom: 10vh; } .countdown-list-item{ - grid-template-columns: 5.6fr 1.4fr; + grid-template-columns: 5.7fr 1.3fr; } } \ No newline at end of file diff --git a/themes.css b/themes.css index b169ceda..3174aac9 100644 --- a/themes.css +++ b/themes.css @@ -9,8 +9,9 @@ .dark[data-theme="blue"] { --bg-color: #182635; --color-text: white; - --bg-timer: #6a7682; - --bg-cdListHover: #2781f0; + --bg-timer: #56636f; + --bg-cdList:#3f4d61; + --bg-cdListHover: #384557; --bg-newItem: var(--color-banner); } [data-theme="green"] { @@ -24,8 +25,9 @@ .dark[data-theme="green"] { --bg-color: #18351e; --color-text: white; - --bg-timer: #6a826b; - --bg-cdListHover: #17a753; + --bg-timer: #506b51; + --bg-cdList:#3a644c; + --bg-cdListHover: #2a553d; --bg-newItem: var(--color-banner); } [data-theme="red"] { @@ -40,7 +42,8 @@ --bg-color: #35181d; --color-text: white; --bg-timer: #826a6a; - --bg-cdListHover: #f71a5c; + --bg-cdList: #4e383d; + --bg-cdListHover: #462f35; --bg-newItem: var(--color-banner); } [data-theme="purple"] { @@ -55,7 +58,8 @@ --bg-color: #1b182c; --color-text: white; --bg-timer: #474650; - --bg-cdListHover: #735fe7; + --bg-cdList: #3b3b50; + --bg-cdListHover: #303041; --bg-newItem: var(--color-banner); } [data-theme="yellow"] { @@ -69,8 +73,9 @@ .dark[data-theme="yellow"] { --bg-color: #352e19; --color-text: white; - --bg-timer: #80826a; - --bg-cdListHover: #f3b806; + --bg-timer: #746b50; + --bg-cdList:#584f31; + --bg-cdListHover: #504727; --bg-newItem: var(--color-banner); } [data-theme="pink"] { @@ -85,6 +90,7 @@ --bg-color: #472a39; --color-text: white; --bg-timer: #8b7982; - --bg-cdListHover: #e27caf; + --bg-cdList: #644e59; + --bg-cdListHover: #58464f; --bg-newItem: var(--color-banner); } \ No newline at end of file