beautifies Viva Waves Search
Viva Waves Search by VivaWaves
Details
AuthorVivaWaves
LicenseNo License
Categorysearch.vivawaves.com
Created
Updated
Size12 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name SearXNG Catppuccin
@namespace github.com/vivawaves/searchtheme
@homepageURL https://github.com/vivawaves/searchtheme
@version 0.2.1
@description Soothing pastel theme for SearXNG
@author Catppuccin
@preprocessor stylus
@var select lighttheme "Light Variant" ["Latte*", "Frappe", "Macchiato", "Mocha"]
@var select darktheme "Dark Variant" ["Latte", "Frappe", "Macchiato", "Mocha*"]
@var checkbox additions "Additional Tweaks" 0
==/UserStyle== */
@-moz-document url-prefix("https://search.vivawaves.com/") {
colourscheme(flavour) {
if (flavour=="Latte") {
--ctp-rosewater: #dc8a78;
--ctp-flamingo: #dd7878;
--ctp-pink: #ea76cb;
--ctp-mauve: #8839ef;
--ctp-red: #d20f39;
--ctp-maroon: #e64553;
--ctp-peach: #fe640b;
--ctp-yellow: #df8e1d;
--ctp-green: #40a02b;
--ctp-teal: #179299;
--ctp-sky: #04a5e5;
--ctp-sapphire: #209fb5;
--ctp-blue: #1e66f5;
--ctp-lavender: #7287fd;
--ctp-text: #4c4f69;
--ctp-subtext1: #5c5f77;
--ctp-subtext0: #6c6f85;
--ctp-overlay2: #7c7f93;
--ctp-overlay1: #8c8fa1;
--ctp-overlay0: #9ca0b0;
--ctp-surface2: #acb0be;
--ctp-surface1: #bcc0cc;
--ctp-surface0: #ccd0da;
--ctp-base: #eff1f5;
--ctp-mantle: #e6e9ef;
--ctp-crust: #dce0e8;
}
if (flavour=="Frappe") {
--ctp-rosewater: #f2d5cf;
--ctp-flamingo: #eebebe;
--ctp-pink: #f4b8e4;
--ctp-mauve: #ca9ee6;
--ctp-red: #e78284;
--ctp-maroon: #ea999c;
--ctp-peach: #ef9f76;
--ctp-yellow: #e5c890;
--ctp-green: #a6d189;
--ctp-teal: #81c8be;
--ctp-sky: #99d1db;
--ctp-sapphire: #85c1dc;
--ctp-blue: #8caaee;
--ctp-lavender: #babbf1;
--ctp-text: #c6d0f5;
--ctp-subtext1: #b5bfe2;
--ctp-subtext0: #a5adce;
--ctp-overlay2: #949cbb;
--ctp-overlay1: #838ba7;
--ctp-overlay0: #737994;
--ctp-surface2: #626880;
--ctp-surface1: #51576d;
--ctp-surface0: #414559;
--ctp-base: #303446;
--ctp-mantle: #292c3c;
--ctp-crust: #232634;
}
if (flavour=="Macchiato") {
--ctp-rosewater: #f4dbd6;
--ctp-flamingo: #f0c6c6;
--ctp-pink: #f5bde6;
--ctp-mauve: #c6a0f6;
--ctp-red: #ed8796;
--ctp-maroon: #ee99a0;
--ctp-peach: #f5a97f;
--ctp-yellow: #eed49f;
--ctp-green: #a6da95;
--ctp-teal: #8bd5ca;
--ctp-sky: #91d7e3;
--ctp-sapphire: #7dc4e4;
--ctp-blue: #8aadf4;
--ctp-lavender: #b7bdf8;
--ctp-text: #cad3f5;
--ctp-subtext1: #b8c0e0;
--ctp-subtext0: #a5adcb;
--ctp-overlay2: #939ab7;
--ctp-overlay1: #8087a2;
--ctp-overlay0: #6e738d;
--ctp-surface2: #5b6078;
--ctp-surface1: #494d64;
--ctp-surface0: #363a4f;
--ctp-base: #24273a;
--ctp-mantle: #1e2030;
--ctp-crust: #181926;
}
if (flavour=="Mocha") {
--ctp-rosewater: #f5e0dc;
--ctp-flamingo: #f2cdcd;
--ctp-pink: #f5c2e7;
--ctp-mauve: #cba6f7;
--ctp-red: #f38ba8;
--ctp-maroon: #eba0ac;
--ctp-peach: #fab387;
--ctp-yellow: #f9e2af;
--ctp-green: #a6e3a1;
--ctp-teal: #94e2d5;
--ctp-sky: #89dceb;
--ctp-sapphire: #74c7ec;
--ctp-lavender: #b4befe;
--ctp-blue: #89b4fa;
--ctp-text: #cdd6f4;
--ctp-subtext1: #bac2de;
--ctp-subtext0: #a6adc8;
--ctp-overlay2: #9399b2;
--ctp-overlay1: #7f849c;
--ctp-overlay0: #6c7086;
--ctp-surface2: #585b70;
--ctp-surface1: #45475a;
--ctp-surface0: #313244;
--ctp-base: #1e1e2e;
--ctp-mantle: #181825;
--ctp-crust: #11111b;
}
}
.theme-light {
if (lighttheme=="Latte") { colourscheme(Latte) }
if (lighttheme=="Frappe") { colourscheme(Frappe) }
if (lighttheme=="Macchiato") { colourscheme(Macchiato) }
if (lighttheme=="Mocha") { colourscheme(Mocha) }
}
.theme-dark {
if (darktheme=="Latte") { colourscheme(Latte) }
if (darktheme=="Frappe") { colourscheme(Frappe) }
if (darktheme=="Macchiato") { colourscheme(Macchiato) }
if (darktheme=="Mocha") { colourscheme(Mocha) }
}
.theme-auto {
if (lighttheme=="Latte") { colourscheme(Latte) }
if (lighttheme=="Frappe") { colourscheme(Frappe) }
if (lighttheme=="Macchiato") { colourscheme(Macchiato) }
if (lighttheme=="Mocha") { colourscheme(Mocha) }
}
.index .title {
background: url(https://elidomingues.nyc3.cdn.digitaloceanspaces.com/project_20230415_0759596-01.png) center center no-repeat !important;
background-size: contain !important;
margin: 0;
padding: 0;
max-height: 450px;
height: 310px;
}
.dialog-error {display:none;}
#answers {font-size:25px; background: #FFF; margin: 20px;}
a#search_logo svg g {display:none;}
a#search_logo {
grid-area: loogo;
align-items: center;
justify-content: center;
width: 100% !important;
display: block;
top: 0;
position: absolute;
background: url(https://i.postimg.cc/QdbLknK1/project-20230415-1043437-01.png) left center no-repeat;
background-size: 40px;
height: 59px important;
padding: 0px 0px 8px 15px;
}
@media (prefers-color-scheme: dark) {
.theme-auto {
if (darktheme=="Latte") { colourscheme(Latte) }
if (darktheme=="Frappe") { colourscheme(Frappe) }
if (darktheme=="Macchiato") { colourscheme(Macchiato) }
if (darktheme=="Mocha") { colourscheme(Mocha) }
}
}
:root.theme-auto, :root.theme-dark, :root.theme-light {
--color-base-font: var(--ctp-text);
--color-base-background: var(--ctp-base);
--color-base-background-mobile: var(--ctp-base);
--color-url-font: var(--ctp-lavender);
--color-url-visited-font: var(--ctp-mauve);
--color-header-background: var(--ctp-mantle);
--color-header-border: var(--ctp-mantle);
--color-footer-background: var(--ctp-mantle);
--color-footer-border: var(--ctp-mantle);
--color-sidebar-border: var(--ctp-base);
--color-sidebar-font: var(--ctp-text);
--color-sidebar-background: var(--ctp-base);
--color-backtotop-font: var(--ctp-subtext1);
--color-backtotop-border: var(--ctp-surface0);
--color-backtotop-background: var(--ctp-surface0);
--color-btn-background: var(--ctp-lavender);
--color-btn-font: var(--ctp-base);
--color-show-btn-background: var(--ctp-lavender);
--color-show-btn-font: var(--ctp-base);
--color-search-border: var(--ctp-surface0);
--color-search-shadow: 0 2px 8px var(--ctp-crust);
--color-search-background: var(--ctp-surface0);
--color-search-font: var(--ctp-text);
--color-search-background-hover: var(--ctp-lavender);
--color-error: $red;
--color-error-background: var(--ctp-surface0);
--color-warning: $yellow;
--color-warning-background: var(--ctp-surface0);
--color-success: $green;
--color-success-background: var(--ctp-surface0);
--color-categories-item-selected-font: var(--ctp-text);
--color-categories-item-border-selected: var(--ctp-mauve);
--color-autocomplete-font: var(--ctp-subtext1);
--color-autocomplete-border: var(--ctp-surface0);
--color-autocomplete-shadow: 0 2px 8px var(--ctp-crust);
--color-autocomplete-background: var(--ctp-surface0);
--color-autocomplete-background-hover: var(--ctp-surface1);
--color-answer-font: var(--ctp-text);
--color-answer-background: var(--ctp-mantle);
--color-result-background: var(--ctp-mantle);
--color-result-border: var(--ctp-base);
--color-result-url-font: var(--ctp-subtext1);
--color-result-vim-selected: var(--ctp-surface0);
--color-result-vim-arrow: var(--ctp-lavender);
--color-result-description-highlight-font: var(--ctp-text);
--color-result-link-font: var(--ctp-lavender);
--color-result-link-font-highlight: var(--ctp-lavender);
--color-result-link-visited-font: var(--ctp-mauve);
--color-result-publishdate-font: var(--ctp-surface2);
--color-result-engines-font: var(--ctp-surface2);
--color-result-search-url-border: var(--ctp-surface2);
--color-result-search-url-font: var(--ctp-text);
--color-result-detail-font: var(--ctp-text);
--color-result-detail-label-font: var(--ctp-surface1);
--color-result-detail-background: var(--ctp-base);
--color-result-detail-hr: var(--ctp-base);
--color-result-detail-link: var(--ctp-lavender);
--color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
--color-result-detail-loader-borderleft: var(--ctp-crust);
--color-result-image-span-font: var(--ctp-text);
--color-result-image-span-font-selected: var(--ctp-base);
--color-result-image-background: var(--ctp-mantle);
--color-settings-tr-hover: var(--ctp-surface0);
--color-settings-engine-description-font: var(--ctp-text);
--color-settings-engine-group-background: var(--ctp-surface0);
--color-toolkit-badge-font: var(--ctp-text);
--color-toolkit-badge-background: var(--ctp-surface0);
--color-toolkit-kbd-font: var(--ctp-text);
--color-toolkit-kbd-background: var(--ctp-mantle);
--color-toolkit-dialog-border: var(--ctp-mantle);
--color-toolkit-dialog-background: var(--ctp-mantle);
--color-toolkit-tabs-label-bord...