From 221dd05a8f1f2553fd78f7fc8d6fddb5d55121a8 Mon Sep 17 00:00:00 2001 From: antilopa Date: Fri, 3 Nov 2023 15:57:14 +0100 Subject: [PATCH] darkroot_base --- beetroot_static/src/less/disroot.less | 98 +++++++++++++++++---------- 1 file changed, 64 insertions(+), 34 deletions(-) diff --git a/beetroot_static/src/less/disroot.less b/beetroot_static/src/less/disroot.less index c627bb1..39c9109 100644 --- a/beetroot_static/src/less/disroot.less +++ b/beetroot_static/src/less/disroot.less @@ -3,49 +3,59 @@ */ :root { + --disroot-white: #ddd; --disroot-dark-black: #1f222b; - --disroot-purple: #50162d; - --disroot-purple-lighter: #61273e; //#80264a; - --disroot-purple-even-lighter: #83495f; //#e7518e; - --disroot-purple-darker: #201c1c; + --disroot-light-black: #2a2e3a; + --disroot-even-lighter-black: #383c4a; + --disroot-red: #50162d; + --disroot-red-light: #61273e; + --disroot-red-lighter: #72384f; //#80264a; + --disroot-red-even-lighter: #83495f; //#e7518e; --disroot-green: #8eb726; --disroot-green-lighter: #afcf60; --disroot-green-even-lighter: #cde78c; --disroot-green-darker: #71911e; --disroot-blueish: #1f5c60; - --disroot-blueish-lighter: #38989f; - --color-btn-font: white; + --disroot-blueish-lighter: #4f8f93; + --color-btn-font: #ddd; --color-url-font: var(--disroot-green); --color-url-visited-font: var(--disroot-blueish); - --color-header-background: var(--disroot-purple); - --color-btn-background: var(--disroot-purple); - --color-categories-item-selected-font: var(--disroot-purple-even-lighter); - --color-categories-item-border-selected: var(--disroot-purple-even-lighter); - --color-result-vim-arrow: var(--disroot-purple); - --color-result-link-font: var(--disroot-purple); - --color-result-link-font-highlight: var(--disroot-purple-even-lighter); + --color-header-background: var(--disroot-red-light); + --color-btn-background: var(--disroot-red-light); + --color-categories-item-selected-font: var(--disroot-red-even-lighter); + --color-categories-item-border-selected: var(--disroot-red-even-lighter); + --color-result-vim-arrow: var(--disroot-red-light); + --color-result-link-font: var(--disroot-red-light); + --color-result-link-font-highlight: var(--disroot-red-even-lighter); --color-result-link-visited-font: var(--disroot-green); - --color-toolkit-checkbox-onoff-on-mark-background: var(--disroot-purple); - --color-toolkit-checkbox-input-border: var(--disroot-purple); - --color-search-background-hover: var(--disroot-purple); + --color-toolkit-checkbox-onoff-on-mark-background: var(--disroot-red-light); + --color-toolkit-checkbox-input-border: var(--disroot-red-light); + --color-search-background-hover: var(--disroot-red-light); } .dark-themes() { - --color-base-background: var(--disroot-dark-black); - --color-base-background-mobile: var(--disroot-dark-black); - --color-url-font: var(--disroot-green); - --color-url-visited-font: var(--disroot-blueish-lighter); - --color-header-background: var(--disroot-purple-darker); - --color-btn-background: var(--disroot-purple); + --color-base-background: var(--disroot-light-black); + --color-base-background-mobile: var(--disroot-light-black); + --color-base-font: var(--disroot-white); + --color-search-background: none; //var(--disroot-white); + --color-search-shadow: var(--disroot-white); + --color-url-font: var(--disroot-red-even-lighter); + --color-url-visited-font: var(--disroot-blueish); + --color-header-background: var(--disroot-light-black); + --color-footer-background: var(--disroot-light-black); + --color-btn-background: var(--disroot-red-light); --color-btn-font: var(--color-base-font); - --color-categories-item-selected-font: var(--disroot-purple-even-lighter); - --color-categories-item-border-selected: var(--disroot-purple-even-lighter); - --color-result-vim-arrow: var(--disroot-purple); - --color-result-link-font: var(--disroot-purple-lighter); - --color-result-link-font-highlight: var(--disroot-purple-even-lighter); - --color-result-link-visited-font: var(--disroot-green); - --color-toolkit-checkbox-input-border: var(--disroot-purple-lighter); - --color-search-background-hover: var(--disroot-purple-lighter); + --color-categories-item-selected-font: var(--disroot-red-even-lighter); + --color-categories-item-border-selected: var(--disroot-red-even-lighter); + --color-result-vim-arrow: var(--disroot-red-light); + --color-result-vim-selected: var(--disroot-even-lighter-black); + --color-result-link-font: var(--disroot-green); + --color-result-link-font-highlight: var(--disroot-blueish); + --color-result-link-visited-font: var(--disroot-blueish-lighter); + --color-result-background: var(--disroot-dark-black); + --color-toolkit-checkbox-input-border: var(--disroot-red-lighter); + --color-search-background-hover: var(--disroot-red-lighter); } +@results-margin: 0.325rem; // Category color .category label { color: var(--color-btn-font); @@ -60,15 +70,35 @@ .results_endpoint #links_on_top a:visited * { color: #fff !important; } +.result { + background-color: var(--color-result-background); + border-radius: 2px; + margin-top: 1em; +} // Navbar magnifying glass color #search_logo svg g circle, #search_logo svg g path { - stroke: var(--disroot-purple-even-lighter); + stroke: var(--disroot-red-even-lighter); } #search_logo svg g rect { - fill: var(--disroot-purple-even-lighter); + fill: var(--disroot-red-even-lighter); +} + +#categories_container { + //background-color: var(--disroot-red); +} + +//Search box +.search_box { + background-color: var(--disroot-dark-black); + border: 0.5px groove var(--disroot-white); +} + +//Cache link +.cache_link:visited { +// color: var(--disroot-red); } //Logo @@ -83,7 +113,7 @@ margin-top: 13vh; } -// Have a slightly more bright disroot purple color on logo png +// Have a slightly more bright disroot red color on logo png // when in dark mode // .theme-dark .index .title { // filter: brightness(1.25); @@ -93,7 +123,7 @@ // filter: brightness(1.25); //} -// Have a slightly more bright disroot purple color on logo +// Have a slightly more bright disroot red color on logo #search_logo { filter: brightness(1.25); }