Disroot-themes/searxng-beetroot
5
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

darkroot_base

Browse source
This commit is contained in:
antilopa 2023-11-03 15:57:14 +01:00
parent 3219d1eb2c
commit 221dd05a8f
1 changed files with 64 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

98
beetroot_static/src/less/disroot.less
View file

@ -3,49 +3,59 @@
*/ */
:root { :root {
--disroot-white: #ddd;
--disroot-dark-black: #1f222b; --disroot-dark-black: #1f222b;
--disroot-purple: #50162d; --disroot-light-black: #2a2e3a;
--disroot-purple-lighter: #61273e; //#80264a; --disroot-even-lighter-black: #383c4a;
--disroot-purple-even-lighter: #83495f; //#e7518e; --disroot-red: #50162d;
--disroot-purple-darker: #201c1c; --disroot-red-light: #61273e;
--disroot-red-lighter: #72384f; //#80264a;
--disroot-red-even-lighter: #83495f; //#e7518e;
--disroot-green: #8eb726; --disroot-green: #8eb726;
--disroot-green-lighter: #afcf60; --disroot-green-lighter: #afcf60;
--disroot-green-even-lighter: #cde78c; --disroot-green-even-lighter: #cde78c;
--disroot-green-darker: #71911e; --disroot-green-darker: #71911e;
--disroot-blueish: #1f5c60; --disroot-blueish: #1f5c60;
--disroot-blueish-lighter: #38989f; --disroot-blueish-lighter: #4f8f93;
--color-btn-font: white; --color-btn-font: #ddd;
--color-url-font: var(--disroot-green); --color-url-font: var(--disroot-green);
--color-url-visited-font: var(--disroot-blueish); --color-url-visited-font: var(--disroot-blueish);
--color-header-background: var(--disroot-purple); --color-header-background: var(--disroot-red-light);
--color-btn-background: var(--disroot-purple); --color-btn-background: var(--disroot-red-light);
--color-categories-item-selected-font: var(--disroot-purple-even-lighter); --color-categories-item-selected-font: var(--disroot-red-even-lighter);
--color-categories-item-border-selected: var(--disroot-purple-even-lighter); --color-categories-item-border-selected: var(--disroot-red-even-lighter);
--color-result-vim-arrow: var(--disroot-purple); --color-result-vim-arrow: var(--disroot-red-light);
--color-result-link-font: var(--disroot-purple); --color-result-link-font: var(--disroot-red-light);
--color-result-link-font-highlight: var(--disroot-purple-even-lighter); --color-result-link-font-highlight: var(--disroot-red-even-lighter);
--color-result-link-visited-font: var(--disroot-green); --color-result-link-visited-font: var(--disroot-green);
--color-toolkit-checkbox-onoff-on-mark-background: var(--disroot-purple); --color-toolkit-checkbox-onoff-on-mark-background: var(--disroot-red-light);
--color-toolkit-checkbox-input-border: var(--disroot-purple); --color-toolkit-checkbox-input-border: var(--disroot-red-light);
--color-search-background-hover: var(--disroot-purple); --color-search-background-hover: var(--disroot-red-light);
} }
.dark-themes() { .dark-themes() {
--color-base-background: var(--disroot-dark-black); --color-base-background: var(--disroot-light-black);
--color-base-background-mobile: var(--disroot-dark-black); --color-base-background-mobile: var(--disroot-light-black);
--color-url-font: var(--disroot-green); --color-base-font: var(--disroot-white);
--color-url-visited-font: var(--disroot-blueish-lighter); --color-search-background: none; //var(--disroot-white);
--color-header-background: var(--disroot-purple-darker); --color-search-shadow: var(--disroot-white);
--color-btn-background: var(--disroot-purple); --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-btn-font: var(--color-base-font);
--color-categories-item-selected-font: var(--disroot-purple-even-lighter); --color-categories-item-selected-font: var(--disroot-red-even-lighter);
--color-categories-item-border-selected: var(--disroot-purple-even-lighter); --color-categories-item-border-selected: var(--disroot-red-even-lighter);
--color-result-vim-arrow: var(--disroot-purple); --color-result-vim-arrow: var(--disroot-red-light);
--color-result-link-font: var(--disroot-purple-lighter); --color-result-vim-selected: var(--disroot-even-lighter-black);
--color-result-link-font-highlight: var(--disroot-purple-even-lighter); --color-result-link-font: var(--disroot-green);
--color-result-link-visited-font: var(--disroot-green); --color-result-link-font-highlight: var(--disroot-blueish);
--color-toolkit-checkbox-input-border: var(--disroot-purple-lighter); --color-result-link-visited-font: var(--disroot-blueish-lighter);
--color-search-background-hover: var(--disroot-purple-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 color
.category label { .category label {
color: var(--color-btn-font); color: var(--color-btn-font);
@ -60,15 +70,35 @@
.results_endpoint #links_on_top a:visited * { .results_endpoint #links_on_top a:visited * {
color: #fff !important; color: #fff !important;
} }
.result {
background-color: var(--color-result-background);
border-radius: 2px;
margin-top: 1em;
}
// Navbar magnifying glass color // Navbar magnifying glass color
#search_logo svg g circle, #search_logo svg g circle,
#search_logo svg g path { #search_logo svg g path {
stroke: var(--disroot-purple-even-lighter); stroke: var(--disroot-red-even-lighter);
} }
#search_logo svg g rect { #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 //Logo
@ -83,7 +113,7 @@
margin-top: 13vh; 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 // when in dark mode
// .theme-dark .index .title { // .theme-dark .index .title {
// filter: brightness(1.25); // filter: brightness(1.25);
@ -93,7 +123,7 @@
// filter: brightness(1.25); // 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 { #search_logo {
filter: brightness(1.25); filter: brightness(1.25);
} }