WorkFlowy - Solarized Jun 2024 by toshohirasawa

/* ==UserStyle==
@name         WorkFlowy Solarized light
@version      20240703.00.14
@namespace    https://userstyles.world/user/toshohirasawa
@description  Solarized theme for WorkFlowy
@author       toshohirasawa
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://workflowy.com/") {
:root {
    --solarized-base03: rgb(0, 43, 54);
    --solarized-base02: rgb(7, 54, 66);
    --solarized-base01: rgb(88, 110, 117);
    --solarized-base00: rgb(101, 123, 131);
    --solarized-base0: rgb(131, 148, 150);
    --solarized-base1: rgb(147, 161, 161);
    --solarized-base2: rgb(238, 232, 213);
    --solarized-base3: rgb(253, 246, 227);
    --solarized-yellow: rgb(181, 137, 0);
    --solarized-orange: rgb(203, 75, 22);
    --solarized-red: rgb(220, 50, 47);
    --solarized-magenta: rgb(211, 54, 130);
    --solarized-violet: rgb(108, 113, 196);
    --solarized-blue: rgb(38, 139, 210);
    --solarized-cyan: rgb(42, 161, 152);
    --solarized-green: rgb(133, 153, 0);
}

body {
    font-family: "BIZ UDPGothic", "Lucida Grande", "Lucida Sans Unicode";
}

.page {
    background: var(--solarized-base3);
}

.zoomBulletIcon {
    color: var(--solarized-red);
}

.contentTag {
    color: var(--solarized-base03) !important;
    background: rgba(203, 75, 22, 0.25) !important;
    padding: 3px 4px 3px 4px !important;
}

.contentTag:hover {
    background: var(--solarized-green) !important;   
}
}