/* Темы оформления: те же токены, что «Paper Dim» в :root файла base.css. data-theme на ставит base.html по теме из базы, а на превью в настройках — сама плитка темы. */ [data-theme="paper-light"] { --bg: #F4F1EA; --fg: #3A3631; --fg-strong: #1F1C19; --fg-row: #45413B; --fg-doing: #141210; --muted: #6E6860; --rule: #E3DED4; --rule-top: #E1DCD2; --rule-soft: #E8E4DB; --rule-col: #E4DFD5; --rule-head: #A39D93; --rule-head-done: #CFC9BE; --field: #EBE7DE; --field-border: #D6D0C5; --solid: #2A2724; --solid-fg: #F4F1EA; --solid-hover: #3A3632; --ghost-border: #CCC6BA; --tick: #948E84; --label: #57524B; --fg-prompt: #2E2B27; --hover: rgba(0, 0, 0, 0.03); --backdrop: rgba(60, 55, 48, 0.35); --selection: rgba(42, 39, 36, 0.14); } [data-theme="sepia"] { --bg: #EFE6D2; --fg: #4A3F31; --fg-strong: #2E261C; --fg-row: #56493A; --fg-doing: #231C14; --muted: #7D6E5A; --rule: #E0D5BE; --rule-top: #DED3BB; --rule-soft: #E5DBC6; --rule-col: #E1D6C0; --rule-head: #A8977C; --rule-head-done: #D0C3A9; --field: #E7DDC7; --field-border: #D3C6AB; --solid: #3A3025; --solid-fg: #EFE6D2; --solid-hover: #4A3F31; --ghost-border: #CBBDA0; --tick: #9C8C74; --label: #65574A; --fg-prompt: #3A3025; --hover: rgba(60, 40, 10, 0.04); --backdrop: rgba(70, 55, 35, 0.35); --selection: rgba(58, 48, 37, 0.14); } [data-theme="graphite"] { --bg: #1E1F21; --fg: #DCDDDF; --fg-strong: #EDEEF0; --fg-row: #D2D3D6; --fg-doing: #F5F6F8; --muted: #9A9CA1; --rule: #2C2D30; --rule-top: #2D2E31; --rule-soft: #28292C; --rule-col: #2B2C2F; --rule-head: #5B5D62; --rule-head-done: #3C3D41; --field: #25262A; --field-border: #37383C; --solid: #E1E2E5; --solid-fg: #1E1F21; --solid-hover: #EEEFF1; --ghost-border: #3D3E42; --tick: #74767B; --label: #B4B6BA; --fg-prompt: #D9DADD; --hover: rgba(255, 255, 255, 0.03); --backdrop: rgba(12, 12, 13, 0.62); --selection: rgba(225, 226, 229, 0.16); } [data-theme="nord"] { --bg: #2E3440; --fg: #D8DEE9; --fg-strong: #ECEFF4; --fg-row: #D3D9E4; --fg-doing: #F2F4F8; --muted: #9AA3B5; --rule: #3B4252; --rule-top: #3C4353; --rule-soft: #373E4C; --rule-col: #3A4150; --rule-head: #616E88; --rule-head-done: #454D5E; --field: #343B48; --field-border: #434C5E; --solid: #E5E9F0; --solid-fg: #2E3440; --solid-hover: #ECEFF4; --ghost-border: #4C566A; --tick: #7B879E; --label: #B8C0CF; --fg-prompt: #D8DEE9; --hover: rgba(255, 255, 255, 0.03); --backdrop: rgba(24, 28, 35, 0.62); --selection: rgba(216, 222, 233, 0.16); }