Skip to content

Todoist Solarized v2 by toshohirasawa

Details

Authortoshohirasawa

LicenseNo License

Categorytodoist

Created

Updated

Size27 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Solarized light theme for Todoist

Notes

  • GPT-4o generated color scheme
  • Manual post-editing

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Todoist Solarized light theme
@version      20240702.08.00
@namespace    https://userstyles.world/user/toshohirasawa
@description  Solarized light theme for Todoist
@author       toshohirasawa
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://app.todoist.com/app/") {
: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);
}

/* -----
GPT-4o generated Solarized light color scheme for Todoist theme.
----- */
:host,:root {
    --product-library-actionable-destructive-disabled-fill: #fdf6e3;
    --product-library-actionable-destructive-disabled-tint: #fdf6e3;
    --product-library-actionable-destructive-hover-fill: #cb4b16;
    --product-library-actionable-destructive-hover-tint: #cb4b16;
    --product-library-actionable-destructive-idle-fill: #dc322f;
    --product-library-actionable-destructive-idle-tint: #dc322f;
    --product-library-actionable-destructive-on-disabled-tint: #002b36;
    --product-library-actionable-destructive-on-hover-tint: #002b36;
    --product-library-actionable-destructive-on-idle-tint: #002b36;
    --product-library-actionable-focus-fill: #eee8d5;
    --product-library-actionable-focus-tint: #dc322f;
    --product-library-actionable-primary-disabled-fill: #eee8d5;
    --product-library-actionable-primary-hover-fill: #268bd2;
    --product-library-actionable-primary-idle-fill: rgb(220, 50, 47);
    --product-library-actionable-primary-on-dark-fill: #268bd2;
    --product-library-actionable-primary-on-dark-tint: #002b36;
    --product-library-actionable-primary-on-dark-hover-tint: #839496;
    --product-library-actionable-primary-on-disabled-tint: #002b36;
    --product-library-actionable-primary-on-hover-tint: #002b36;
    --product-library-actionable-primary-on-idle-tint: #002b36;
    --product-library-actionable-quaternary-disabled-tint: #93a1a1;
    --product-library-actionable-quaternary-hover-fill: #eee8d5;
    --product-library-actionable-quaternary-idle-tint: #586e75;
    --product-library-actionable-quaternary-selected-fill: #eee8d5;
    --product-library-actionable-quaternary-on-dark-hover-fill: #073642;
    --product-library-actionable-quaternary-on-dark-hover-tint: #002b36;
    --product-library-actionable-quaternary-on-dark-idle-tint: #93a1a1;
    --product-library-actionable-quaternary-on-hover-fill: #93a1a1;
    --product-library-actionable-quaternary-on-hover-tint: #586e75;
    --product-library-actionable-quaternary-on-selected-tint: #586e75;
    --product-library-actionable-secondary-disabled-fill: #eee8d5;
    --product-library-actionable-secondary-hover-fill: #93a1a1;
    --product-library-actionable-secondary-idle-fill: #eee8d5;
    --product-library-actionable-secondary-idle-tint: #93a1a1;
    --product-library-actionable-secondary-on-dark-fill: #93a1a1;
    --product-library-actionable-secondary-on-dark-tint: #002b36;
    --product-library-actionable-secondary-on-dark-hover-fill: #073642;
    --product-library-actionable-secondary-on-disabled-tint: #93a1a1;
    --product-library-actionable-secondary-on-hover-tint: #586e75;
    --product-library-actionable-secondary-on-idle-tint: #586e75;
    --product-library-actionable-tertiary-disabled-tint: #93a1a1;
    --product-library-actionable-tertiary-hover-fill: #eee8d5;
    --product-library-actionable-tertiary-idle-tint: #dc322f;
    --product-library-actionable-tertiary-on-dark-tint: #cb4b16;
    --product-library-actionable-tertiary-on-dark-hover-fill: #073642;
    --product-library-actionable-tertiary-on-hover-fill: #dc322f;
    --product-library-actionable-tertiary-on-hover-tint: #dc322f;
    --product-library-background-base-primary: #fdf6e3;
    --product-library-background-base-secondary: #fdf6e3;
    --product-library-background-base-tertiary: #eee8d5;
    --product-library-background-grouped-primary: #fdf6e3;
    --product-library-background-grouped-secondary: #eee8d5;
    --product-library-background-grouped-tertiary: #eee8d5;
    --product-library-background-overlay: #002b36;
    --product-library-background-raised-primary: #fdf6e3;
    --product-library-background-raised-quaternary: #073642;
    --product-library-background-raised-secondary: #fdf6e3;
    --product-library-background-raised-tertiary: #eee8d5;
    --product-library-display-accent-primary-fill: #268bd2;
    --product-library-display-accent-primary-tint: #268bd2;
    --product-library-display-accent-secondary-fill: #eee8d5;
    --product-library-display-focus-fill: #eee8d5;
    --product-library-display-primary-idle-tint: #586e75;
    --product-library-display-primary-on-dark-fill: #93a1a1;
    --product-library-display-primary-on-dark-tint: var(--solarized-base3);/* #002b36; */
    --product-library-display-quaternary-idle-tint: #eee8d5;
    --product-library-display-secondary-idle-tint: #586e75;
    --product-library-display-secondary-on-dark-tint: #93a1a1;
    --product-library-display-tertiary-idle-tint: #93a1a1;
    --product-library-divider-primary: #eee8d5;
    --product-library-divider-secondary: #eee8d5;
    --product-library-divider-on-dark: #073642;
    --product-library-info-attention-primary-idle-fill: #dc322f;
    --product-library-info-attention-primary-idle-tint: #dc322f;
    --product-library-info-attention-primary-on-idle-tint: #002b36;
    --product-library-info-attention-secondary-idle-fill: #fdf6e3;
    --product-library-info-attention-secondary-on-idle-tint: #cb4b16;
    --product-library-info-neutral-primary-idle-fill: #268bd2;
    --product-library-info-neutral-primary-on-idle-tint: #002b36;
    --product-library-info-neutral-secondary-idle-fill: #586e75;
    --product-library-info-neutral-secondary-idle-tint: #586e75;
    --product-library-info-neutral-secondary-on-idle-tint: #002b36;
    --product-library-info-neutral-tertiary-focus-fill: #93a1a1;
    --product-library-info-neutral-tertiary-idle-fill: #eee8d5;
    --product-library-info-neutral-tertiary-on-focus-tint: #002b36;
    --product-library-info-neutral-tertiary-on-idle-tint: #93a1a1;
    --product-library-info-positive-primary-idle-fill: #859900;
    --product-library-info-positive-primary-idle-tint: #859900;
    --product-library-info-positive-primary-on-idle-tint: #002b36;
    --product-library-info-positive-secondary-idle-fill: #eee8d5;
    --product-library-info-positive-secondary-on-idle-tint: #859900;
    --product-library-info-promote-primary-idle-fill: #b58900;
    --product-library-info-promote-primary-on-idle-tint: #002b36;
    --product-library-info-promote-quaternary-idle-fill: #fdf6e3;
    --product-library-info-promote-quaternary-on-idle-tint: #eee8d5;
    --product-library-info-promote-secondary-idle-fill: #fdf6e3;
    --product-library-info-promote-tertiary-idle-fill: #eee8d5;
    --product-library-info-promote-tertiary-on-idle-tint: #b58900;
    --product-library-info-warning-primary-focus-fill: #eee8d5;
    --product-library-info-warning-primary-idle-fill: #eee8d5;
    --product-library-info-warning-primary-on-idle-fill: #cb4b16;
    --product-library-info-warning-primary-on-idle-tint: #b58900;
    --product-library-info-warning-primary-on-idle-fill-tint: #002b36;
    --product-library-information-attention-primary-fill: #eee8d5;
    --product-library-information-attention-primary-tint: #cb4b16;
    --product-library-information-info-primary-fill: #eee8d5;
    --product-library-information-info-primary-tint: #93a1a1;
    --product-library-information-positive-primary-fill: #eee8d5;
    --product-library-information-positive-primary-tint: #859900;
    --product-library-information-promote-primary-fill: #eee8d5;
    --product-library-information-promote-primary-tint: #b58900;
    --product-library-information-promote-secondary-fill: #fdf6e3;
    --product-library-information-promote-secondary-tint: #eee8d5;
    --product-library-inputs-border-focus-tint: #93a1a1;
    --product-library-inputs-border-hover-tint: #93a1a1;
    --product-library-inputs-border-idle-tint: #eee8d5;
    --product-library-meta-berry-fill: #d33682;
    --product-library-meta-berry-tint: #d33682;
    --product-library-meta-blue-fill: #268bd2;
    --product-library-meta-blue-tint: #268bd2;
    --product-library-meta-charcoal-fill: #586e75;
    --product-library-meta-charcoal-tint: #586e75;
    --product-library-meta-grape-fill: #6c71c4;
    --product-library-meta-grape-tint: #6c71c4;
    --product-library-meta-green-fill: #859900;
    --product-library-meta-green-tint: #859900;
    --product-library-meta-grey-fill: #93a1a1;
    --product-library-meta-grey-tint: #93a1a1;
    --product-library-meta-lavender-fill: #eee8d5;
    --product-library-meta-lavender-tint: #eee8d5;
    --product-library-meta-light-blue-fill: #268bd2;
    --product-library-meta-light-blue-tint: #268bd2;
    --product-library-meta-lime-green-fill: #859900;
    --product-library-meta-lime-green-tint: #859900;
    --product-library-meta-magenta-fill: #d33682;
    --product-library-meta-magenta-tint: #d33682;
    --product-library-meta-mint-green-fill: #2aa198;
    --product-library-meta-mint-green-tint: #2aa198;
    --product-library-meta-olive-green-fill: #b58900;
    --product-library-meta-olive-green-tint: #b58900;
    --product-library-meta-orange-fill: #cb4b16;
    --product-library-meta-orange-tint: #cb4b16;
    --product-library-meta-red-fill: #dc322f;
    --product-library-meta-red-tint: #dc322f;
    --product-library-meta-salmo...

Reviews

No reviews yet.