diff --git a/static/css/404.css b/static/css/404.css index 5922034..ba6deda 100644 --- a/static/css/404.css +++ b/static/css/404.css @@ -5,9 +5,10 @@ .not-found a.logo { width: 100%; padding: 20px 0; - background-color: var(--alt-bg); + background-color: var(--header-bg); text-align: center; pointer-events: none; + box-shadow: inset 0 -20px 20px -20px var(--header-shadow); } h1.not-found-num { diff --git a/static/css/colorschemes/colors.css b/static/css/colorschemes/colors.css index 2780c6a..d483300 100644 --- a/static/css/colorschemes/colors.css +++ b/static/css/colorschemes/colors.css @@ -1,97 +1,99 @@ /* Mostly based off of gruvbox */ :root { - --col-0: #FFFFFF; - --col-1: #F0F2F9; - --col-2: #3C5197; - --col-3: #0C101D; - --col-4: #18203A; - --col-5: #5F75BF; - --col-6: #1E2848; - --col-7: #12182B; - --col-8: #181F38; - - + --bg: #D4D8ED; + --fg: #06080E; + --alt-fg: #F1F2F9; + --acc: #3C5197; + --dark-acc: #12182B; + --light-acc: #5F75BF; + --alt-bg: #C5CCE8; + --dark-alt-bg: #A9B2DB; /* Color Sheme linking */ - --body-bg: var(--col-3); - --body-fg: var(--col-1); + --body-bg: var(--bg); + --body-fg: var(--fg); + --link-fg: var(--acc); - --link-fg: var(--col-5); + --header-bg: var(--alt-bg); + --header-bg-hov: var(--acc); + --header-fg: var(--fg); + --header-fg-hov: var(--alt-fg); - --header-bg: var(--col-4); - --header-bg-hov: var(--col-2); - --header-fg: var(--body-fg); - - --header-shadow: var(--body-bg); + --header-shadow: var(--dark-acc); --header-shadow-hov: var(--header-shadow); - - --hamburger-fg: var(--col-1); + + --hamburger-fg: var(--fg); --hamburger-fg-checked: var(--hamburger-fg); + --langs-bg: var(--header-bg); --lang-btn-bg: var(--header-bg) ; --langs-bg-hov: var(--header-bg-hov); + --langs-fg-hov: var(--header-fg-hov); + --blockquote-border: var(--alt-bg); - --blockquote-border: var(--col-6); - - - - - - - --table-bg: var(--col-7); - --table-bg-alt: var(--col-8); + --table-bg: var(--dark-alt-bg); + --table-bg-alt: var(--alt-bg); --table-border: var(--body-bg); + --maps-bg: var(--alt-bg); + --maps-border: var(--acc); - --maps-bg: var(--col-4); - --maps-border: var(--col-2); - - --button-bg: var(--col-2); - --button-fg: var(--body-fg); + --button-bg: var(--acc); + --button-fg: var(--alt-fg); +--cal-bg: var(--alt-bg); +--cal-fg: var(--fg); ---cal-bg: var(--col-4); ---cal-fg: var(--body-fg); +--cal-month-bg: var(--alt-bg); +--cal-month-fg: var(--fg); ---cal-month-bg: var(--col-8); ---cal-month-fg: var(--link-fg); +--cal-weekdays-bg: var(--light-acc); +--cal-weekdays-fg: var(--alt-fg); ---cal-weekdays-bg: var(--col-7); ---cal-weekdays-fg: var(--cal-fg); +--cal-day-empty-fg: var(--alt-fg); +--cal-day-empty-bg: var(--dark-alt-bg); ---cal-day-empty-fg: var(--col-7); ---cal-day-empty-bg: var(--col-6); +--cal-day-busy-fg: var(--alt-fg); +--cal-day-busy-bg: var(--acc); ---cal-day-busy-fg: var(--cal-fg); ---cal-day-busy-bg: var(--col-7); +--cal-day-hover-fg: var(--cal-day-busy-fg); +--cal-day-hover-bg: var(--cal-day-busy-bg); ---cal-day-hover-fg: var(--col-2); ---cal-day-hover-bg: var(--col-7); - ---cal-event-fg: var(--cal-fg); ---cal-event-bg: var(--col-2) ; +--cal-event-fg: var(--alt-fg); +--cal-event-bg: var(--light-acc) ; --cal-mobile-bg: var(--cal-day-busy-bg); --cal-mobile-fg: var(--cal-fg); --cal-mobile-border: var(--col-2); --cal-mobile-link: var(--link-fg); -/* Light Mode Colors */ - --bg: #f9f5d7; - --fg: #3c3836; - --alt-bg: #d5c4a1; - --acc-1: #076678; - --shadow: #504945; } @media (prefers-color-scheme: dark) { :root { -/* Dark Mode Colors */ -/* Dark Mode Colorsheme Link Overides */ + --bg: #06080E; + --fg: #F0F2F9; + --dark-acc: #0C101D; + --alt-bg: #18203A; + --dark-alt-bg: #12182B; + + --link-fg: var(--light-acc); + --table-bg: var(--dark-acc); + --table-bg-alt: var(----alt-bg); + --button-fg: var(--body-fg); + --cal-bg: var(--dark-acc); + --cal-weekdays-fg: var(--fg); + --cal-day-empty-fg: var(--dark-acc); + --cal-day-busy-fg: var(--acc); + --cal-day-busy-bg: var(--alt-bg); + --cal-event-fg: var(--fg); + --cal-event-bg: var(--acc) ; + + } } diff --git a/static/css/style.css b/static/css/style.css index 4800210..3ca4f9a 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -377,8 +377,10 @@ blockquote.location p { padding: inherit; } box-shadow: none; } -.lang-btn:checked ~ .lang-switch a { box-shadow: none; } -.lang-btn:checked ~ .lang-switch a { box-shadow: none; } +.lang-btn:checked ~ .lang-switch a { + box-shadow: none; + color: var(--langs-fg-hov); +} /* lang-switch content (hidden by default) */