1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-08-05 21:33:52 +00:00

Flexoki palette update (#8733)

* Add modal colors to Flexoki Light palette
* Make Flexoki Light palette primary color darker to improve contrast
* Improve Flexoki Dark contrast
This commit is contained in:
Leilei332 2024-11-09 19:47:51 +08:00 committed by GitHub
parent 144a8ac3ff
commit 0160a4f3d3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 20 additions and 20 deletions

View File

@ -69,7 +69,7 @@ alert-background: <<colour flexoki-yellow-100>>
alert-border: <<colour flexoki-ye-2>> alert-border: <<colour flexoki-ye-2>>
alert-highlight: <<colour flexoki-re>> alert-highlight: <<colour flexoki-re>>
alert-muted-foreground: <<colour flexoki-ye>> alert-muted-foreground: <<colour flexoki-ye>>
background: #1C1B1A background: #100F0F
blockquote-bar: <<colour flexoki-ma-2>> blockquote-bar: <<colour flexoki-ma-2>>
button-background: <<colour flexoki-bg-2>> button-background: <<colour flexoki-bg-2>>
button-foreground: <<colour flexoki-paper>> button-foreground: <<colour flexoki-paper>>
@ -102,7 +102,7 @@ external-link-foreground-hover: inherit
external-link-foreground-visited: <<colour flexoki-bl>> external-link-foreground-visited: <<colour flexoki-bl>>
external-link-foreground: <<colour flexoki-bl>> external-link-foreground: <<colour flexoki-bl>>
footnote-target-background: <<colour flexoki-bg-2>> footnote-target-background: <<colour flexoki-bg-2>>
foreground: #B7B5AC foreground: #CECDC3
highlight-background: #ffff00 highlight-background: #ffff00
highlight-foreground: #000000 highlight-foreground: #000000
menubar-background: <<colour primary>> menubar-background: <<colour primary>>
@ -135,11 +135,11 @@ sidebar-foreground-shadow: transparent
sidebar-foreground: <<colour flexoki-tx>> sidebar-foreground: <<colour flexoki-tx>>
sidebar-muted-foreground-hover: <<colour flexoki-tx>> sidebar-muted-foreground-hover: <<colour flexoki-tx>>
sidebar-muted-foreground: <<colour flexoki-tx-3>> sidebar-muted-foreground: <<colour flexoki-tx-3>>
sidebar-tab-background-selected: <<colour flexoki-bg>> sidebar-tab-background-selected: <<colour flexoki-bg-2>>
sidebar-tab-background: <<colour flexoki-ui-2>> sidebar-tab-background: <<colour flexoki-ui-2>>
sidebar-tab-border-selected: <<colour tab-border-selected>> sidebar-tab-border-selected: <<colour tab-border-selected>>
sidebar-tab-border: <<colour tab-border>> sidebar-tab-border: <<colour tab-border>>
sidebar-tab-divider: #e4e4e4 sidebar-tab-divider: <<colour tab-divider>>
sidebar-tab-foreground-selected: sidebar-tab-foreground-selected:
sidebar-tab-foreground: <<colour tab-foreground>> sidebar-tab-foreground: <<colour tab-foreground>>
sidebar-tiddler-link-foreground-hover: <<colour flexoki-tx>> sidebar-tiddler-link-foreground-hover: <<colour flexoki-tx>>
@ -157,7 +157,7 @@ tab-border: <<colour flexoki-ui>>
tab-divider: <<colour flexoki-ui-2>> tab-divider: <<colour flexoki-ui-2>>
tab-foreground-selected: <<colour tab-foreground>> tab-foreground-selected: <<colour tab-foreground>>
tab-foreground: <<colour flexoki-tx-2>> tab-foreground: <<colour flexoki-tx-2>>
table-border: <<colour flexoki-ui>> table-border: <<colour flexoki-ui-2>>
table-footer-background: <<colour flexoki-ui>> table-footer-background: <<colour flexoki-ui>>
table-header-background: <<colour flexoki-ui>> table-header-background: <<colour flexoki-ui>>
tag-background: #D0A215 tag-background: #D0A215
@ -169,7 +169,7 @@ tiddler-background: <<colour background>>
tiddler-border: <<colour flexoki-ui-2>> tiddler-border: <<colour flexoki-ui-2>>
tiddler-controls-foreground-hover: <<colour flexoki-tx-3>> tiddler-controls-foreground-hover: <<colour flexoki-tx-3>>
tiddler-controls-foreground-selected: <<colour flexoki-tx-2>> tiddler-controls-foreground-selected: <<colour flexoki-tx-2>>
tiddler-controls-foreground: <<colour flexoki-ui-2>> tiddler-controls-foreground: <<colour flexoki-tx-3>>
tiddler-editor-background: <<colour flexoki-bg-2>> tiddler-editor-background: <<colour flexoki-bg-2>>
tiddler-editor-border-image: #ffffff tiddler-editor-border-image: #ffffff
tiddler-editor-border: <<colour flexoki-ui-2>> tiddler-editor-border: <<colour flexoki-ui-2>>
@ -188,10 +188,10 @@ toolbar-save-button:
toolbar-info-button: toolbar-info-button:
toolbar-edit-button: toolbar-edit-button:
toolbar-close-button: toolbar-close-button:
toolbar-delete-button: toolbar-delete-button: <<colour flexoki-re>>
toolbar-cancel-button: toolbar-cancel-button:
toolbar-done-button: toolbar-done-button:
untagged-background: #999999 untagged-background: <<colour flexoki-tx-3>>
very-muted-foreground: <<colour flexoki-600>> very-muted-foreground: <<colour flexoki-600>>
wikilist-background: #e5e5e5 wikilist-background: #e5e5e5
wikilist-item: #fff wikilist-item: #fff

View File

@ -114,10 +114,10 @@ message-border: <<colour flexoki-black>>
message-foreground: <<colour flexoki-black>> message-foreground: <<colour flexoki-black>>
modal-backdrop: <<colour foreground>> modal-backdrop: <<colour foreground>>
modal-background: <<colour background>> modal-background: <<colour background>>
modal-border: #999999 modal-border: <<colour flexoki-tx-3>>
modal-footer-background: #f5f5f5 modal-footer-background: <<colour flexoki-bg>>
modal-footer-border: #dddddd modal-footer-border: <<colour flexoki-tx-3>>
modal-header-border: #eeeeee modal-header-border: <<colour flexoki-tx-3>>
muted-foreground: <<colour flexoki-500>> muted-foreground: <<colour flexoki-500>>
network-activity-foreground: <<colour flexoki-cy-2>> network-activity-foreground: <<colour flexoki-cy-2>>
notification-background: <<colour flexoki-bg>> notification-background: <<colour flexoki-bg>>
@ -125,15 +125,15 @@ notification-border: <<color flexoki-black>>
page-background: <<colour flexoki-bg-2>> page-background: <<colour flexoki-bg-2>>
pre-background: <<colour flexoki-bg>> pre-background: <<colour flexoki-bg>>
pre-border: <<colour flexoki-ui-2>> pre-border: <<colour flexoki-ui-2>>
primary: <<colour flexoki-cy>> primary: <<colour flexoki-cy-2>>
selection-background: selection-background: <<colour flexoki-cy-2>>
selection-foreground: selection-foreground: <<colour background>>
select-tag-background: <<colour flexoki-bg>> select-tag-background: <<colour flexoki-bg>>
select-tag-foreground: <<color flexoki-black>> select-tag-foreground: <<color flexoki-black>>
sidebar-button-foreground: <<colour foreground>> sidebar-button-foreground: <<colour foreground>>
sidebar-controls-foreground-hover: <<colour flexoki-tx>> sidebar-controls-foreground-hover: <<colour flexoki-tx>>
sidebar-controls-foreground: <<colour flexoki-tx-3>> sidebar-controls-foreground: <<colour flexoki-tx-3>>
sidebar-foreground-shadow: rgba(255,255,255, 0.8) sidebar-foreground-shadow: transparent
sidebar-foreground: <<colour flexoki-300>> sidebar-foreground: <<colour flexoki-300>>
sidebar-muted-foreground-hover: <<colour flexoki-700>> sidebar-muted-foreground-hover: <<colour flexoki-700>>
sidebar-muted-foreground: <<colour flexoki-200>> sidebar-muted-foreground: <<colour flexoki-200>>
@ -182,7 +182,7 @@ tiddler-info-border: <<colour flexoki-200>>
tiddler-info-tab-background: <<colour flexoki-bg>> tiddler-info-tab-background: <<colour flexoki-bg>>
tiddler-link-background: <<colour background>> tiddler-link-background: <<colour background>>
tiddler-link-foreground: <<colour primary>> tiddler-link-foreground: <<colour primary>>
tiddler-subtitle-foreground: <<colour flexoki-black>> tiddler-subtitle-foreground: <<colour flexoki-tx-3>>
tiddler-title-foreground: <<colour flexoki-magenta-600>> tiddler-title-foreground: <<colour flexoki-magenta-600>>
toolbar-new-button: toolbar-new-button:
toolbar-options-button: toolbar-options-button:
@ -190,11 +190,11 @@ toolbar-save-button:
toolbar-info-button: toolbar-info-button:
toolbar-edit-button: toolbar-edit-button:
toolbar-close-button: toolbar-close-button:
toolbar-delete-button: toolbar-delete-button: <<colour flexoki-re-2>>
toolbar-cancel-button: toolbar-cancel-button:
toolbar-done-button: toolbar-done-button:
untagged-background: #999999 untagged-background: <<colour flexoki-tx-3>>
very-muted-foreground: #888888 very-muted-foreground: <<colour flexoki-500>>
wikilist-background: <<colour flexoki-ui>> wikilist-background: <<colour flexoki-ui>>
wikilist-item: #fff wikilist-item: #fff
wikilist-info: #000 wikilist-info: #000