WIP: harmonize colors

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
This commit is contained in:
Markus Heiser 2021-11-30 20:24:32 +01:00
parent 0311eba538
commit 60d8823fe1

View file

@ -26,13 +26,13 @@
--color-backtotop-border: #ddd; --color-backtotop-border: #ddd;
--color-backtotop-background: #fff; --color-backtotop-background: #fff;
/// Button Colors /// Button Colors
--color-btn-background: #3050ff; --color-btn-background: #487cff;
--color-btn-font: #fff; --color-btn-font: #fff;
/// Search Input Colors /// Search Input Colors
--color-search-border: #bbb; --color-search-border: #bbb;
--color-search-background: #fff; --color-search-background: #fff;
--color-search-font: #222; --color-search-font: #222;
--color-search-background-hover: #3050ff; --color-search-background-hover: #487cff;
/// Modal Colors /// Modal Colors
--color-error: #db3434; --color-error: #db3434;
--color-error-background: lighten(#db3434, 40%); --color-error-background: lighten(#db3434, 40%);
@ -41,8 +41,8 @@
--color-success: #42db34; --color-success: #42db34;
--color-success-background: lighten(#42db34, 40%); --color-success-background: lighten(#42db34, 40%);
/// Categories Colors /// Categories Colors
--color-categories-item-selected-font: #3050ff; --color-categories-item-selected-font: #487cff;
--color-categories-item-border-selected: #3050ff; --color-categories-item-border-selected: #487cff;
/// Autocomplete Colors /// Autocomplete Colors
--color-autocomplete-font: #000; --color-autocomplete-font: #000;
--color-autocomplete-border: #bbb; --color-autocomplete-border: #bbb;
@ -56,10 +56,10 @@
--color-result-border: #ddd; --color-result-border: #ddd;
--color-result-url-font: #000; --color-result-url-font: #000;
--color-result-vim-selected: #f7f7f7; --color-result-vim-selected: #f7f7f7;
--color-result-vim-arrow: #000bbb; --color-result-vim-arrow: #487cff;
--color-result-description-highlight-font: #000; --color-result-description-highlight-font: #000;
--color-result-link-font: #000bbb; --color-result-link-font: #4877ff;
--color-result-link-font-highlight: #000bbb; --color-result-link-font-highlight: #487cff;
--color-result-link-visited-font: #80b; --color-result-link-visited-font: #80b;
--color-result-publishdate-font: #777; --color-result-publishdate-font: #777;
--color-result-engines-font: #777; --color-result-engines-font: #777;
@ -94,11 +94,11 @@
--color-toolkit-select-background-hover: #bbb; --color-toolkit-select-background-hover: #bbb;
--color-toolkit-input-text-font: #222; --color-toolkit-input-text-font: #222;
--color-toolkit-checkbox-onoff-background: #ddd; --color-toolkit-checkbox-onoff-background: #ddd;
--color-toolkit-checkbox-onoff-label-background: #3050ff; --color-toolkit-checkbox-onoff-label-background: #487cff;
--color-toolkit-checkbox-onoff-checked-background: #aaa; --color-toolkit-checkbox-onoff-checked-background: #aaa;
--color-toolkit-checkbox-label-background: #fff; --color-toolkit-checkbox-label-background: #fff;
--color-toolkit-checkbox-label-border: #ddd; --color-toolkit-checkbox-label-border: #ddd;
--color-toolkit-checkbox-input-border: #3050ff; --color-toolkit-checkbox-input-border: #487cff;
--color-toolkit-engine-tooltip-border: #ddd; --color-toolkit-engine-tooltip-border: #ddd;
--color-toolkit-engine-tooltip-background: #fff; --color-toolkit-engine-tooltip-background: #fff;
--color-toolkit-loader-border: rgba(0, 0, 0, 0.2); --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
@ -126,13 +126,13 @@
--color-backtotop-border: #333; --color-backtotop-border: #333;
--color-backtotop-background: #181818; --color-backtotop-background: #181818;
/// Button Colors /// Button Colors
--color-btn-background: #58f; --color-btn-background: #487cff;
--color-btn-font: #222; --color-btn-font: #222;
/// Search Input Colors /// Search Input Colors
--color-search-border: #555; --color-search-border: #555;
--color-search-background: #222; --color-search-background: #222;
--color-search-font: #fff; --color-search-font: #fff;
--color-search-background-hover: #58f; --color-search-background-hover: #487cff;
/// Modal Colors /// Modal Colors
--color-error: #f55b5b; --color-error: #f55b5b;
--color-error-background: darken(#db3434, 40%); --color-error-background: darken(#db3434, 40%);
@ -141,8 +141,8 @@
--color-success: #79f56e; --color-success: #79f56e;
--color-success-background: darken(#42db34, 40%); --color-success-background: darken(#42db34, 40%);
/// Categories Colors /// Categories Colors
--color-categories-item-selected-font: #58f; --color-categories-item-selected-font: #487cff;
--color-categories-item-border-selected: #58f; --color-categories-item-border-selected: #487cff;
/// Autocomplete Colors /// Autocomplete Colors
--color-autocomplete-font: #fff; --color-autocomplete-font: #fff;
--color-autocomplete-border: #555; --color-autocomplete-border: #555;
@ -156,10 +156,10 @@
--color-result-border: #333; --color-result-border: #333;
--color-result-url-font: #fff; --color-result-url-font: #fff;
--color-result-vim-selected: #181818; --color-result-vim-selected: #181818;
--color-result-vim-arrow: #8af; --color-result-vim-arrow: #487cff;
--color-result-description-highlight-font: #fff; --color-result-description-highlight-font: #fff;
--color-result-link-font: #8af; --color-result-link-font: #487cff;
--color-result-link-font-highlight: #8af; --color-result-link-font-highlight: #487cff;
--color-result-link-visited-font: #96b; --color-result-link-visited-font: #96b;
--color-result-publishdate-font: #888; --color-result-publishdate-font: #888;
--color-result-engines-font: #888; --color-result-engines-font: #888;
@ -194,11 +194,11 @@
--color-toolkit-select-background-hover: #333; --color-toolkit-select-background-hover: #333;
--color-toolkit-input-text-font: #fff; --color-toolkit-input-text-font: #fff;
--color-toolkit-checkbox-onoff-background: #3c3b31; --color-toolkit-checkbox-onoff-background: #3c3b31;
--color-toolkit-checkbox-onoff-label-background: #58f; --color-toolkit-checkbox-onoff-label-background: #487cff;
--color-toolkit-checkbox-onoff-checked-background: #ddd; --color-toolkit-checkbox-onoff-checked-background: #ddd;
--color-toolkit-checkbox-label-background: #fff; --color-toolkit-checkbox-label-background: #fff;
--color-toolkit-checkbox-label-border: #333; --color-toolkit-checkbox-label-border: #333;
--color-toolkit-checkbox-input-border: #58f; --color-toolkit-checkbox-input-border: #487cff;
--color-toolkit-engine-tooltip-border: #333; --color-toolkit-engine-tooltip-border: #333;
--color-toolkit-engine-tooltip-background: #222; --color-toolkit-engine-tooltip-background: #222;
--color-toolkit-loader-border: rgba(255, 255, 255, 0.2); --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);