2024-11-09 16:15:33 +00:00
|
|
|
title: $:/palettes/TwentyTwenties
|
|
|
|
|
name: TwentyTwenties
|
|
|
|
|
description: Modern and flexible
|
|
|
|
|
tags: $:/tags/Palette
|
|
|
|
|
type: application/x-tiddler-dictionary
|
|
|
|
|
color-scheme: light
|
2025-02-04 21:08:02 +00:00
|
|
|
settings: $:/palettes/TwentyTwenties/Settings
|
2024-11-09 16:15:33 +00:00
|
|
|
|
2024-12-15 18:55:17 +00:00
|
|
|
# Background and foreground colours, which are interpolated as required
|
2025-01-21 16:36:00 +00:00
|
|
|
base-paper: #FFFCF0
|
|
|
|
|
base-background: #edcec1
|
2024-12-15 18:55:17 +00:00
|
|
|
base-ink: #333344
|
|
|
|
|
?base-paper-ink: [tf.check-colour-contrast[base-paper],[base-ink],[45]]
|
|
|
|
|
?base-background-ink: [tf.check-colour-contrast[base-background],[base-ink],[45]]
|
|
|
|
|
|
2024-11-18 16:40:49 +00:00
|
|
|
# Primary colour, used for links and other accented elements
|
|
|
|
|
base-primary: #5778d8
|
2024-12-15 18:55:17 +00:00
|
|
|
?base-paper-primary: [tf.check-colour-contrast[base-paper],[base-primary],[45]]
|
|
|
|
|
?base-background-primary: [tf.check-colour-contrast[base-background],[base-primary],[45]]
|
|
|
|
|
|
2024-11-18 16:40:49 +00:00
|
|
|
# Secondary colour, used for alerts and other secondary elements
|
2024-12-15 18:55:17 +00:00
|
|
|
base-secondary: #f0e48a
|
|
|
|
|
?base-ink-secondary: [tf.check-colour-contrast[base-ink],[base-secondary],[45]]
|
|
|
|
|
|
2024-11-18 16:40:49 +00:00
|
|
|
# Tertiary base colour, used for monospaced text and other tertiary elements
|
2024-12-15 18:55:17 +00:00
|
|
|
base-tertiary: rgb(183, 95, 95)
|
|
|
|
|
?base-paper-tertiary: [tf.check-colour-contrast[base-paper],[base-tertiary],[45]]
|
2024-11-18 16:40:49 +00:00
|
|
|
|
2024-12-15 18:55:17 +00:00
|
|
|
# Basic spectrum colours
|
|
|
|
|
base-black: #100F0F
|
|
|
|
|
base-red: #D14D41
|
|
|
|
|
base-orange: #DA702C
|
|
|
|
|
base-yellow: #D0A215
|
|
|
|
|
base-green: #879A39
|
|
|
|
|
base-cyan: #3AA99F
|
|
|
|
|
base-blue: #4385BE
|
|
|
|
|
base-purple: #8B7EC8
|
|
|
|
|
base-magenta: #CE5D97
|
|
|
|
|
# Darker variants
|
2025-01-02 17:10:29 +00:00
|
|
|
# base-red: #AF3029
|
|
|
|
|
# base-orange: #BC5215
|
|
|
|
|
# base-yellow: #AD8301
|
|
|
|
|
# base-green: #66800B
|
|
|
|
|
# base-cyan: #24837B
|
|
|
|
|
# base-blue: #205EA6
|
|
|
|
|
# base-purple: #5E409D
|
|
|
|
|
# base-magenta: #A02F6F
|
2024-11-18 18:15:53 +00:00
|
|
|
|
|
|
|
|
# Colour definitions
|
2025-02-13 16:26:22 +00:00
|
|
|
alert-background: [tf.colour[base-secondary]]
|
2025-01-02 17:10:29 +00:00
|
|
|
alert-border: [tf.interpolate-colours[base-ink],[alert-background],[0.6]]
|
|
|
|
|
alert-highlight: [tf.interpolate-colours[base-ink],[base-primary],[0.3]]
|
|
|
|
|
alert-muted-foreground: [tf.interpolate-colours[base-ink],[alert-background],[0.4]]
|
2025-02-13 16:26:22 +00:00
|
|
|
background: [tf.colour[base-paper]]
|
|
|
|
|
blockquote-bar: [tf.colour[muted-foreground]]
|
2024-11-09 16:15:33 +00:00
|
|
|
button-background:
|
|
|
|
|
button-foreground:
|
|
|
|
|
button-border:
|
2025-01-02 17:10:29 +00:00
|
|
|
code-background: [tf.interpolate-colours[base-paper],[base-tertiary],[0.1]]
|
|
|
|
|
code-border: [tf.interpolate-colours[base-paper],[base-tertiary],[0.6]]
|
2025-02-13 16:26:22 +00:00
|
|
|
code-foreground: [tf.colour[base-tertiary]]
|
|
|
|
|
diff-delete-background: [tf.colour[base-red]]
|
|
|
|
|
diff-delete-foreground: [tf.colour[foreground]]
|
2024-11-09 16:15:33 +00:00
|
|
|
diff-equal-background:
|
2025-02-13 16:26:22 +00:00
|
|
|
diff-equal-foreground: [tf.colour[foreground]]
|
|
|
|
|
diff-insert-background: [tf.colour[base-green]]
|
|
|
|
|
diff-insert-foreground: [tf.colour[foreground]]
|
2024-11-09 16:15:33 +00:00
|
|
|
diff-invisible-background:
|
2025-02-13 16:26:22 +00:00
|
|
|
diff-invisible-foreground: [tf.colour[muted-foreground]]
|
|
|
|
|
dirty-indicator: [tf.colour[base-tertiary]]
|
2025-01-02 17:10:29 +00:00
|
|
|
download-background: [tf.interpolate-colours[base-paper],[base-green],[0.6]]
|
2025-01-08 15:57:39 +00:00
|
|
|
download-foreground: [tf.interpolate-colours[base-ink],[base-green],[0.1]]
|
2025-02-13 16:26:22 +00:00
|
|
|
dragger-background: [tf.colour[foreground]]
|
|
|
|
|
dragger-foreground: [tf.colour[background]]
|
|
|
|
|
dropdown-background: [tf.colour[background]]
|
|
|
|
|
dropdown-border: [tf.colour[muted-foreground]]
|
|
|
|
|
dropdown-tab-background-selected: [tf.colour[background]]
|
2025-01-08 15:57:39 +00:00
|
|
|
dropdown-tab-background: [tf.interpolate-colours[base-paper],[base-ink],[0.9]]
|
2024-11-09 16:15:33 +00:00
|
|
|
dropzone-background: rgba(0,200,0,0.7)
|
|
|
|
|
external-link-background-hover: inherit
|
|
|
|
|
external-link-background-visited: inherit
|
|
|
|
|
external-link-background: inherit
|
|
|
|
|
external-link-foreground-hover: inherit
|
2025-02-13 16:26:22 +00:00
|
|
|
external-link-foreground-visited: [tf.colour[primary]]
|
|
|
|
|
external-link-foreground: [tf.colour[primary]]
|
2025-01-08 15:57:39 +00:00
|
|
|
footnote-target-background: [tf.interpolate-colours[base-paper],[base-ink],[0.2]]
|
2025-02-13 16:26:22 +00:00
|
|
|
foreground: [tf.colour[base-ink]]
|
2025-01-08 15:57:39 +00:00
|
|
|
highlight-background: [tf.interpolate-colours[base-paper],[base-yellow],[0.5]]
|
|
|
|
|
highlight-foreground: [tf.interpolate-colours[base-yellow],[base-ink],[0.8]]
|
|
|
|
|
message-background: [tf.interpolate-colours[base-paper],[base-blue],[0.2]]
|
|
|
|
|
message-border: [tf.interpolate-colours[base-blue],[base-ink],[0.5]]
|
|
|
|
|
message-foreground: [tf.interpolate-colours[base-blue],[base-ink],[0.8]]
|
2025-02-13 16:26:22 +00:00
|
|
|
modal-backdrop: [tf.colour[foreground]]
|
|
|
|
|
modal-background: [tf.colour[background]]
|
|
|
|
|
modal-border: [tf.colour[]]
|
|
|
|
|
modal-footer-background: [tf.colour[]]
|
|
|
|
|
modal-footer-border: [tf.colour[]]
|
|
|
|
|
modal-header-border: [tf.colour[]]
|
2025-01-21 16:36:00 +00:00
|
|
|
muted-foreground: [tf.interpolate-colours[base-paper],[base-ink],[0.3]]
|
2025-02-13 16:26:22 +00:00
|
|
|
network-activity-foreground: [tf.colour[]]
|
|
|
|
|
notification-background: [tf.colour[base-tertiary]colour-set-oklch:l[0.9]]
|
|
|
|
|
notification-border: [tf.colour[base-tertiary]colour-set-oklch:l[0.2]]
|
|
|
|
|
page-background: [tf.colour[base-background]]
|
2025-01-02 17:10:29 +00:00
|
|
|
pre-background: [tf.interpolate-colours[base-paper],[base-tertiary],[0.1]]
|
|
|
|
|
pre-border: [tf.interpolate-colours[base-paper],[base-tertiary],[0.6]]
|
2025-02-13 16:26:22 +00:00
|
|
|
primary: [tf.colour[base-primary]]
|
2024-11-09 16:15:33 +00:00
|
|
|
selection-background:
|
|
|
|
|
selection-foreground:
|
|
|
|
|
select-tag-background:
|
|
|
|
|
select-tag-foreground:
|
2025-02-13 16:26:22 +00:00
|
|
|
sidebar-button-foreground: [tf.colour[foreground]]
|
|
|
|
|
sidebar-controls-foreground-hover: [tf.colour[]]
|
|
|
|
|
sidebar-controls-foreground: [tf.colour[]]
|
2024-11-09 16:15:33 +00:00
|
|
|
sidebar-foreground-shadow: rgba(255,255,255, 0.8)
|
2025-02-13 16:26:22 +00:00
|
|
|
sidebar-foreground: =[tf.colour[base-ink]] =[tf.colour[base-paper]] =[tf.colour[base-background]] +[colour-best-contrast:DeltaPhi[]]
|
|
|
|
|
sidebar-muted-foreground-hover: [tf.colour[]]
|
|
|
|
|
sidebar-muted-foreground: [tf.colour[]]
|
|
|
|
|
sidebar-tab-background-selected: [tf.colour[page-background]]
|
2025-01-21 16:36:00 +00:00
|
|
|
sidebar-tab-background: [tf.interpolate-colours[page-background],[sidebar-tab-foreground],[0.5]]
|
2025-02-13 16:26:22 +00:00
|
|
|
sidebar-tab-border-selected: [tf.colour[tab-border-selected]]
|
|
|
|
|
sidebar-tab-border: [tf.colour[tab-border]]
|
|
|
|
|
sidebar-tab-divider: [tf.colour[]]
|
|
|
|
|
sidebar-tab-foreground-selected: [tf.colour[tab-foreground]]
|
|
|
|
|
sidebar-tab-foreground: [tf.colour[tab-foreground]]
|
|
|
|
|
sidebar-tiddler-link-foreground-hover: [tf.colour[]]
|
|
|
|
|
sidebar-tiddler-link-foreground: [tf.colour[]]
|
|
|
|
|
site-title-foreground: [tf.colour[tiddler-title-foreground]]
|
|
|
|
|
stability-stable: [tf.colour[]]
|
|
|
|
|
stability-experimental: [tf.colour[]]
|
|
|
|
|
stability-deprecated: [tf.colour[]]
|
|
|
|
|
stability-legacy: [tf.colour[]]
|
|
|
|
|
static-alert-foreground: [tf.colour[]]
|
|
|
|
|
tab-background-selected: [tf.colour[background]]
|
2025-01-08 15:57:39 +00:00
|
|
|
tab-background: [tf.interpolate-colours[base-paper],[base-ink],[0.2]]
|
2025-02-13 16:26:22 +00:00
|
|
|
tab-border-selected: [tf.colour[muted-foreground]]
|
|
|
|
|
tab-border: [tf.colour[muted-foreground]]
|
|
|
|
|
tab-divider: [tf.colour[muted-foreground]]
|
|
|
|
|
tab-foreground-selected: [tf.colour[tab-foreground]]
|
|
|
|
|
tab-foreground: [tf.colour[foreground]]
|
|
|
|
|
table-border: [tf.colour[foreground]]
|
2025-01-21 16:36:00 +00:00
|
|
|
table-footer-background: [tf.interpolate-colours[background],[foreground],[0.2]]
|
|
|
|
|
table-header-background: [tf.interpolate-colours[background],[foreground],[0.1]]
|
2025-01-08 15:57:39 +00:00
|
|
|
tag-background: [tf.interpolate-colours[base-paper],[base-yellow],[0.9]]
|
|
|
|
|
tag-foreground: [tf.interpolate-colours[base-yellow],[base-ink],[0.8]]
|
2025-02-13 16:26:22 +00:00
|
|
|
testcase-accent-level-1: [tf.colour[]]
|
|
|
|
|
testcase-accent-level-2: [tf.colour[]]
|
|
|
|
|
testcase-accent-level-3: [tf.colour[]]
|
|
|
|
|
tiddler-background: [tf.colour[background]]
|
2025-01-08 15:57:39 +00:00
|
|
|
tiddler-border: [tf.interpolate-colours[base-paper],[base-background],[0.5]]
|
|
|
|
|
tiddler-controls-foreground-hover: [tf.interpolate-colours[background],[foreground],[0.7]]
|
|
|
|
|
tiddler-controls-foreground-selected: [tf.interpolate-colours[background],[foreground],[0.9]]
|
|
|
|
|
tiddler-controls-foreground: [tf.interpolate-colours[background],[foreground],[0.5]]
|
2025-02-13 16:26:22 +00:00
|
|
|
tiddler-editor-background: [tf.colour[]]
|
|
|
|
|
tiddler-editor-border-image: [tf.colour[]]
|
|
|
|
|
tiddler-editor-border: [tf.colour[]]
|
|
|
|
|
tiddler-editor-fields-even: [tf.colour[]]
|
|
|
|
|
tiddler-editor-fields-odd: [tf.colour[]]
|
|
|
|
|
tiddler-info-background: [tf.colour[]]
|
|
|
|
|
tiddler-info-border: [tf.colour[]]
|
|
|
|
|
tiddler-info-tab-background: [tf.colour[]]
|
|
|
|
|
tiddler-link-background: [tf.colour[background]]
|
|
|
|
|
tiddler-link-foreground: [tf.colour[primary]]
|
2025-02-10 13:48:02 +00:00
|
|
|
tiddler-subtitle-foreground: [tf.interpolate-colours[background],[foreground],[0.6]]
|
|
|
|
|
tiddler-title-foreground: [tf.interpolate-colours[background],[foreground],[0.9]]
|
2024-11-09 16:15:33 +00:00
|
|
|
toolbar-new-button:
|
|
|
|
|
toolbar-options-button:
|
|
|
|
|
toolbar-save-button:
|
|
|
|
|
toolbar-info-button:
|
|
|
|
|
toolbar-edit-button:
|
|
|
|
|
toolbar-close-button:
|
|
|
|
|
toolbar-delete-button:
|
|
|
|
|
toolbar-cancel-button:
|
|
|
|
|
toolbar-done-button:
|
2025-02-13 16:26:22 +00:00
|
|
|
untagged-background: [tf.colour[]]
|
|
|
|
|
very-muted-foreground: [tf.colour[]]
|
|
|
|
|
wikilist-background: [tf.colour[]]
|
|
|
|
|
wikilist-item: [tf.colour[]]
|
|
|
|
|
wikilist-info: [tf.colour[]]
|
|
|
|
|
wikilist-title: [tf.colour[]]
|
|
|
|
|
wikilist-title-svg: [tf.colour[wikilist-title]]
|
|
|
|
|
wikilist-url: [tf.colour[]]
|
|
|
|
|
wikilist-button-open: [tf.colour[]]
|
2024-11-09 16:15:33 +00:00
|
|
|
wikilist-button-open-hover: green
|
2025-02-13 16:26:22 +00:00
|
|
|
wikilist-button-reveal: [tf.colour[]]
|
2024-11-09 16:15:33 +00:00
|
|
|
wikilist-button-reveal-hover: blue
|
2025-02-13 16:26:22 +00:00
|
|
|
wikilist-button-remove: [tf.colour[]]
|
2024-11-09 16:15:33 +00:00
|
|
|
wikilist-button-remove-hover: red
|
2025-02-13 16:26:22 +00:00
|
|
|
wikilist-toolbar-background: [tf.colour[]]
|
|
|
|
|
wikilist-toolbar-foreground: [tf.colour[]]
|
2024-11-09 16:15:33 +00:00
|
|
|
wikilist-droplink-dragover: rgba(255,192,192,0.5)
|
2025-02-13 16:26:22 +00:00
|
|
|
wikilist-button-background: [tf.colour[]]
|
|
|
|
|
wikilist-button-foreground: [tf.colour[]]
|
