catppuccin-latte-wikiwand by tnixc

/* ==UserStyle==
@name         catppuccin-latte-wikiwand
@version      20230313.11.55
@namespace    userstyles.world/user/tnixc
@description  Latte flavour of catppuccin for wikiwand
@author       tnixc
@license      MIT
==/UserStyle== */

/* ==UserStyle==
@name           catppuccin-latte-wikiwand
@namespace      catppuccin-latte-wikiwand
@author         tnixc
@description    Soothing pastel theme for wikiwand
@version        1.0
@license        MIT
@preprocessor   uso
==/UserStyle== */
/* ---------- Catppuccin-latte-wikiwand ---------- */
/* ---------- v1.0 / 12-11-2022 ---------- */
/* by tnixc */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("wikiwand.com") {
/* ============= UNIFORM BACKGROUND COLORS ============= */
/* ============= UNIFORM BACKGROUND COLORS ============= */
:root {
    --rosewater: #de9584;
    --flamingo: #dd7878;
    --pink: #ec83d0;
    --mauve: #8839ef;
    --red: #d20f39;
    --maroon: #e64553;
    --peach: #fe640b;
    --yellow: #e49320;
    --green: #40a02b;
    --teal: #179299;
    --sky: #04a5e5;
    --sapphire: #209fb5;
    --blue: #2a6ef5;
    --lavender: #7287fd;
    --text: #4c4f69;
    --subtext1: #5c5f77;
    --subtext0: #6c6f85;
    --overlay2: #7c7f93;
    --overlay1: #8c8fa1;
    --overlay0: #9ca0b0;
    --surface2: #acb0be;
    --surface1: #bcc0cc;
    --surface0: #ccd0da;
    --base: #eff1f5;
    --mantle: #e6e9ef;
    --crust: #dce0e8;
    --accent: var(--rosewater);
}
.root_light__Inhun {
    --color-bg: var(--base);
    --color-text: var(--text);
    --color-grey: var(--subtext0);
    --color-table: var(--surface0);
    --color-table-border: var(--surface0);
    --color-link: var(--accent);
    --toc-bg: var(--mantle);
    --toc-text: var(--text);
    --toc-border: var(--crust);
    --tag-bg: var(--surface0);
    --tag-text: var(--overlay1);
    --navbar-bg: var(--crust);
    --navbar-border: var(--mantle);
    --navbar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2),
    0px 5px 10px rgba(0, 0, 0, 0.3);
}
.popover_arrow__pQSsX::before {
    background-color: var(--surface1);
    border: 1px solid var(--surface2);
}
*[class*="dropdown_item"] {
    color: var(--text);
}
.popover_popover__jgyGp {
    background-color: var(--surface1);
    border: 1px solid var(--surface2);
    border-radius: 0.625em;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);
}
.draggable_wrapper__YB014 {
    background-color: var(--surface1);
    border: 1px solid var(--surface0);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.3);
    color: var(--text);
}
.checkbox_checkbox__uXwIZ {
    width: 1.125em;
    height: 1.125em;
    border-radius: 0.125em;
    border: 1px solid var(--surface1);
    background-color: var(--surface2);
    position: relative;
}
.checkbox_checkbox__uXwIZ::before {
    background-color: var(--accent);
}
svg.audio_icon__eZ5Bx {
    color: var(--text);
}
.checkbox_label__V5gon,
.audio_select__kmOPL {
    color: var(--subtext0) !important;
}
.draggable_header__bfxdq {
    border: 1px solid var(--surface1) !important;
}
.footer_donation__Cje_Q {
    display: none !important;
}
.dropdown_content__4NAxl {
    background-color: var(--surface1);
    border: 1px solid var(--surface2);
}
p.settings_setLabel__NrVBx:nth-child(3),
article.settings_section__vRaq_:nth-child(1) {
    color: var(--text);
}
.toggle_label__y7mDQ {
    color: var(--text);
}
.toggle_bg__Qn4Oc {
    background-color: var(--accent);
}
.toggle_label__y7mDQ.toggle_active__l_k3F {
    color: var(--base);
}
.toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover {
    color: var(--accent);
}
.themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,
.themeBtn_wrapper__KTkHk:hover {
    color: var(--accent);
}
.themeBtn_label__GyvdH {
    color: var(--subtext1);
}
.toggle_toggle__jzkKG {
    background-color: var(--surface2);
}
.settings_reset__GO2x4 {
    border-top: 1px solid var(--surface2);
}
.settings_resetBtn__3yLrG {
    color: var(--text);
}
.settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover {
    color: var(--red);
}
.themeBtn_label__GyvdH span {
    background-color: var(--surface2);
    border: 1px solid var(--surface2);
}
.themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I .themeBtn_demoWrapper__fdi7G {
    border: 1px solid var(--accent) !important;
}
div.themeBtn_wrapper__KTkHk:nth-child(3) > p:nth-child(2) > span:nth-child(1)::before {
    background-color: var(--accent);
}
.item_item__uLhiz.item_active__4kaIV {
    color: var(--accent);
}
.item_item__uLhiz.item_active__4kaIV,
.item_item__uLhiz:hover {
    background-color: var(--surface2);
}
.languages_wrapper__1Ad3R {
    color: var(--subtext1);
}
.input_input__uGeT_ {
    color: var(--text);
    background-color: var(--overlay0);
    border-radius: 4px;
}
.input_wrapper__aeypb {
    border: none !important;
}
.action_action___vLQg {
    color: var(--accent);
}
.share_btn__9IJpe {
    color: var(--text);
    background-color: var(--surface2);
    border: var(--surface2);
}
.share_btn__9IJpe span {
    color: var(--text);
}
.footer_socialWrapper__R1iSQ *:hover,
.footer_link__TA4rr:hover {
    color: var(--accent);
}
.list_wrapper__TYM2l,
.input_wrapper__aeypb {
    background-color: var(--surface1);
    color: var(--text);
}
.input_wrapper__aeypb * {
    color: var(--text);
}
.list_item_VVizU:hover {
    background-color: var(--surface2) !important;
}
.search_header__gqnk7.search_article__L3Khv {
    background: transparent;
}
.item_item__jj0Ue {
    color: var(--text);
}
.item_item__jj0Ue:hover {
    background-color: var(--surface2) !important;
    border-color: var(--accent);
}
.modal_header__t094_ {
    border-color: var(--surface1);
    color: var(--text);
}
.list_item__VVizU.list_active__ahAYX,
.list_item__VVizU:hover {
    background-color: var(--surface2);
}
.button_btn__ln0Hv {
    color: var(--accent);
    background-color: var(--surface0);
}

.navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_icons__tirr9,
.navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_toc__iPfvP,
.navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_icons__tirr9,
.navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_toc__iPfvP {
    background-color: var(--surface1);
    color: var(--text);
}
.tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,
.tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > * {
    background-color: var(--crust) !important;
}
.dropdown_item__yrn67:hover {
    background-color: var(--surface2);
    color: var(--accent);
    border-color: var(--accent) !important;
}
.audio_dot__jeWOr.audio_active__li6PM {
    background-color: var(--accent);
}
.audio_dot__jeWOr {
    background-color: var(--surface2);
    box-shadow: 6.666px 0 0 0px var(--surface2);
    border-radius: 0px;
    border: 1px solid var(--surface2) !important;
}
.gallery_icon__7LOBi {
    background-color: var(--surface2);
    color: var(--subtext1);
}
.gallery_disable__1QuKw {
    background-color: var(--surface0);
}
.gallery_icon__7LOBi:hover {
    background-color: var(--overlay0);
    color: var(--accent);
}
.gallery_nav__BEeM3 {
    background-color: var(--base);
}
.image_wrapper__Dq3Jq {
    background-color: var(--crust);
}
.stage_caption__BvSjQ {
    color: var(--subtext0);
}
.gallery_wrapper__1a7bM,
.thumbnails_wrapper__1Q5be {
    background-color: var(--mantle) !important;
}
.thumbnails_thumbnail__H4tNf {
    background-color: #fafafa;
    border-radius: 4px;
    padding: 4px;
}

.list_loading__j43_R {
    color: var(--accent);
}
.info_wrapper__HpdJH,
.info_arrow__ehjUI {
    background-color: var(--surface1);
    border-color: var(--surface1);
}

.info_wrapper__HpdJH::after {
    background: linear-gradient( 180deg,
    hsla(0, 0%, 98%, 0),
    var(--surface1) 90%);
}
.list_item__VVizU.list_active__ahAYX {
    color: var(--accent);
}
.item_star__arENF {
    color: var(--subtext1);
}
.item_star__arENF.item_active__4kaIV {
    color: var(--yellow);
}
.action_action___vLQg.action_remove__z6g_k {
    color: var(--text);
}
.action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k {
    color: var(--accent);
}
.item_remove__f1A5k {
    background-color: var(--surface1);
}
.item_remove__f1A5k span,
.item_remove__f1A5k svg {
    color: var(--red);
}
caption {
    background-color: var(--surface0) !important;
    border-color: var(--surface0) !important;
}
.summary_wordtuneWrapper__21QxG > img:nth-child(2) {
    background-color: var(--accent);
}
code > a {
    color: var(--accent) !important;
}
table * {
    background-color: var(--surface0) !important;
    color: var(--text) !important;
    border-color: var(--surface2) !important;
}
table {
    background-color: var(--surface0) !important;
    border: none !important;
}
a.wl {
    color: var(--accent) !important;
}
.summary_footer__Lk6z7 > span:nth-child(1),
svg.icon_icon__0vohI,
.icon_icon__0vohI.input_icon__He3sV,
svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1) {
    color: var(--accent);
    fill: var(--accent);
}
}