mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 10:07:19 +00:00
Code Issues Releases Wiki Activity

Adding SolarizedDark Palette, updated SolarizedLight and one tiny UI fix (#4799)

Browse Source 
* Fixed Overflow svg fill

When hovered, the svg should be the same colour as the text it comes alongside. This fixes that.

* Fixed the Solarized Palettes as per spec

- Added the Solarized Dark palette
- Remade the Solarized Light palette with the right contrast ratios as per Solarized Spec.

* Sidebar Selected Tab UI Change

Changed the selected tab border and foreground from pink to white(base01) because the pink was too distracting and not very readable.

* Fixed Hover css for plugin info listing

The css was not working so I fixed it.

* Fixed the UI for plugin info tiddler (among others)
This commit is contained in:
Adithya Badidey 2020-08-11 23:24:17 +05:30 committed by GitHub
parent fca9879321
commit 8cf458d3b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 202 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
core/palettes/SolarizedDark.tid Normal file
View File

@ -0,0 +1,112 @@
title: $:/palettes/SolarizedDark
tags: $:/tags/Palette
type: application/x-tiddler-dictionary
description: Precision dark colors for machines and people
license: MIT, Ethan Schoonover, https://github.com/altercation/solarized/blob/master/LICENSE
name: SolarizedDark
alert-background: #073642
alert-border: #93a1a1
alert-highlight: #d33682
alert-muted-foreground: #d33682
background: #073642
blockquote-bar: #d33682
button-background: #073642
button-border: #586e75
button-foreground: #93a1a1
code-background: #073642
code-border: #586e75
code-foreground: #93a1a1
dirty-indicator: inherit
download-background: #859900
download-foreground: #073642
dragger-background: #073642
dragger-foreground: #839496
dropdown-background: #073642
dropdown-border: #93a1a1
dropdown-tab-background: #002b36
dropdown-tab-background-selected: #073642
dropzone-background: #859900
external-link-background: inherit
external-link-background-hover: inherit
external-link-background-visited: inherit
external-link-foreground: #268bd2
external-link-foreground-hover:
external-link-foreground-visited: #268bd2
foreground: #839496
message-background: #002b36
message-border: #586e75
message-foreground: #839496
modal-backdrop: #657b83
modal-background: #002b36
modal-border: #586e75
modal-footer-background: #073642
modal-footer-border: #586e75
modal-header-border: #586e75
muted-foreground: #93a1a1
notification-background: #002b36
notification-border: #586e75
page-background: #073642
pre-background: inherit
pre-border: #657b83
primary: #859900
select-tag-background: #002b36
select-tag-foreground: #839496
sidebar-button-foreground: #93a1a1
sidebar-controls-foreground: #93a1a1
sidebar-controls-foreground-hover: #eee8d5
sidebar-foreground: #93a1a1
sidebar-foreground-shadow: transparent
sidebar-muted-foreground: #839496
sidebar-muted-foreground-hover: #93a1a1
sidebar-tab-background: #002b36
sidebar-tab-background-selected: #073642
sidebar-tab-border: #073642
sidebar-tab-border-selected: #839496
sidebar-tab-divider: #002b36
sidebar-tab-foreground: #657b83
sidebar-tab-foreground-selected: #93a1a1
sidebar-tiddler-link-foreground: #2aa198
sidebar-tiddler-link-foreground-hover: #eee8d5
site-title-foreground: #d33682
static-alert-foreground: #93a1a1
tab-background: #073642
tab-background-selected: #002b36
tab-border: #586e75
tab-border-selected: #93a1a1
tab-divider: #93a1a1
tab-foreground: #839496
tab-foreground-selected: #93a1a1
table-border: #586e75
table-footer-background: #073642
table-header-background: #073642
tag-background: #b58900
tag-foreground: #002b36
tiddler-background: #002b36
tiddler-border: #586e75
tiddler-controls-foreground: inherit
tiddler-controls-foreground-hover: #d33682
tiddler-controls-foreground-selected: #2aa198
tiddler-editor-background: #002b36
tiddler-editor-border: #073642
tiddler-editor-border-image: #002b36
tiddler-editor-fields-even: #002b36
tiddler-editor-fields-odd: #073642
tiddler-info-background: #073642
tiddler-info-border: #657b83
tiddler-info-tab-background: #002b36
tiddler-link-background: #002b36
tiddler-link-foreground: #2aa198
tiddler-subtitle-foreground: #839496
tiddler-title-foreground: #d33682
toolbar-cancel-button: #839496
toolbar-close-button: #839496
toolbar-delete-button: #dc322f
toolbar-done-button: #839496
toolbar-edit-button: #839496
toolbar-info-button: #839496
toolbar-new-button: #839496
toolbar-options-button: #839496
toolbar-save-button: inherit
untagged-background: #586e75
very-muted-foreground: #586e75

182
core/palettes/SolarizedLight.tid
View File

@ -6,115 +6,107 @@ license: MIT, Ethan Schoonover, https://github.com/altercation/solarized/blob/ma
name: SolarizedLight name: SolarizedLight
alert-background: #eee8d5 alert-background: #eee8d5
alert-border: #073642 alert-border: #586e75
alert-highlight: #cb4b16 alert-highlight: #d33682
alert-muted-foreground: #586e75 alert-muted-foreground: #d33682
background: #fdf6e3 background: #eee8d5
blockquote-bar: <<colour muted-foreground>> blockquote-bar: #d33682
button-background: #cb4b16 button-background: #eee8d5
button-foreground: #fdf6e3 button-border: #93a1a1
button-border: transparent button-foreground: #586e75
code-background: #eee8d5 code-background: #eee8d5
code-border: #93a1a1 code-border: #93a1a1
code-foreground: #d33682 code-foreground: #586e75
diff-delete-background: #BF616A dirty-indicator: inherit
diff-delete-foreground: <<colour foreground>>
diff-equal-background:
diff-equal-foreground: <<colour foreground>>
diff-insert-background: #859900
diff-insert-foreground: <<colour foreground>>
diff-invisible-background:
diff-invisible-foreground: <<colour muted-foreground>>
dirty-indicator: #D08770
download-background: #859900 download-background: #859900
download-foreground: <<colour background>> download-foreground: #eee8d5
dragger-background: <<colour foreground>> dragger-background: #eee8d5
dragger-foreground: <<colour background>> dragger-foreground: #657b83
dropdown-background: <<colour background>> dropdown-background: #eee8d5
dropdown-border: <<colour background>> dropdown-border: #586e75
dropdown-tab-background-selected: #fdf6e3 dropdown-tab-background: #fdf6e3
dropdown-tab-background: #93a1a1 dropdown-tab-background-selected: #eee8d5
dropzone-background: #859900 dropzone-background: #859900
external-link-background: inherit
external-link-background-hover: inherit external-link-background-hover: inherit
external-link-background-visited: inherit external-link-background-visited: inherit
external-link-background: inherit external-link-foreground: #268bd2
external-link-foreground-hover: #d33682 external-link-foreground-hover: inherit
external-link-foreground-visited: #b58900 external-link-foreground-visited: #268bd2
external-link-foreground: #cb4b16 foreground: #657b83
foreground: #839496 message-background: #fdf6e3
message-background: #586e75 message-border: #93a1a1
message-border: #586e75 message-foreground: #657b83
message-foreground: #eee8d5 modal-backdrop: #839496
modal-backdrop: <<colour foreground>> modal-background: #fdf6e3
modal-background: <<colour background>> modal-border: #93a1a1
modal-border: #eee8d5
modal-footer-background: #eee8d5 modal-footer-background: #eee8d5
modal-footer-border: #eee8d5 modal-footer-border: #93a1a1
modal-header-border: #eee8d5 modal-header-border: #93a1a1
muted-foreground: #93a1a1 muted-foreground: #586e75
notification-background: #EBCB8B notification-background: #fdf6e3
notification-border: #D08770 notification-border: #93a1a1
page-background: #eee8d5 page-background: #eee8d5
pre-background: #eee8d5 pre-background: #eee8d5
pre-border: #93a1a1 pre-border: #839496
primary: #2aa198 primary: #859900
select-tag-background: #eee8d5 select-tag-background: #fdf6e3
select-tag-foreground: <<colour foreground>> select-tag-foreground: #657b83
sidebar-button-foreground: #eee8d5 sidebar-button-foreground: #586e75
sidebar-controls-foreground-hover: #268bd2
sidebar-controls-foreground: #586e75 sidebar-controls-foreground: #586e75
sidebar-controls-foreground-hover: #d33682
sidebar-foreground: #586e75
sidebar-foreground-shadow: transparent sidebar-foreground-shadow: transparent
sidebar-foreground: #839496 sidebar-muted-foreground: #657b83
sidebar-muted-foreground-hover: #657b83 sidebar-muted-foreground-hover: #586e75
sidebar-muted-foreground: #93a1a1 sidebar-tab-background: #fdf6e3
sidebar-tab-background-selected: #eee8d5 sidebar-tab-background-selected: #eee8d5
sidebar-tab-background: #839496 sidebar-tab-border: #eee8d5
sidebar-tab-border-selected: <<colour tab-border-selected>> sidebar-tab-border-selected: #657b83
sidebar-tab-border: #657b83 sidebar-tab-divider: #fdf6e3
sidebar-tab-divider: <<colour page-background>> sidebar-tab-foreground: #839496
sidebar-tab-foreground-selected: #839496 sidebar-tab-foreground-selected: #586e75
sidebar-tab-foreground: <<colour tab-foreground>> sidebar-tiddler-link-foreground: #2aa198
sidebar-tiddler-link-foreground-hover: #859900 sidebar-tiddler-link-foreground-hover: #002b36
sidebar-tiddler-link-foreground: #268bd2 site-title-foreground: #d33682
site-title-foreground: <<colour tiddler-title-foreground>> static-alert-foreground: #586e75
static-alert-foreground: #dc322f tab-background: #eee8d5
tab-background-selected: #fdf6e3 tab-background-selected: #fdf6e3
tab-background: #839496
tab-border-selected: #93a1a1
tab-border: #93a1a1 tab-border: #93a1a1
tab-divider: #fdf6e3 tab-border-selected: #586e75
tab-foreground-selected: #839496 tab-divider: #586e75
tab-foreground: #eee8d5 tab-foreground: #657b83
table-border: #657b83 tab-foreground-selected: #586e75
table-footer-background: #657b83 table-border: #93a1a1
table-header-background: #93a1a1 table-footer-background: #eee8d5
tag-background: #6c71c4 table-header-background: #eee8d5
tag-foreground: #eee8d5 tag-background: #b58900
tiddler-background: <<colour background>> tag-foreground: #fdf6e3
tiddler-border: <<colour background>> tiddler-background: #fdf6e3
tiddler-controls-foreground-hover: #b58900 tiddler-border: #93a1a1
tiddler-controls-foreground-selected: #b58900 tiddler-controls-foreground: inherit
tiddler-controls-foreground: #073642 tiddler-controls-foreground-hover: #d33682
tiddler-editor-background: #eee8d5 tiddler-controls-foreground-selected: #2aa198
tiddler-editor-border-image: #eee8d5 tiddler-editor-background: #fdf6e3
tiddler-editor-border: #eee8d5 tiddler-editor-border: #eee8d5
tiddler-editor-fields-even: #eee8d5 tiddler-editor-border-image: #fdf6e3
tiddler-editor-fields-odd: #fdf6e3 tiddler-editor-fields-even: #fdf6e3
tiddler-editor-fields-odd: #eee8d5
tiddler-info-background: #eee8d5 tiddler-info-background: #eee8d5
tiddler-info-border: #eee8d5 tiddler-info-border: #839496
tiddler-info-tab-background: #586e75 tiddler-info-tab-background: #fdf6e3
tiddler-link-background: <<colour background>> tiddler-link-background: #fdf6e3
tiddler-link-foreground: <<colour primary>> tiddler-link-foreground: #2aa198
tiddler-subtitle-foreground: #586e75 tiddler-subtitle-foreground: #657b83
tiddler-title-foreground: #073642 tiddler-title-foreground: #d33682
toolbar-new-button: toolbar-cancel-button: #657b83
toolbar-options-button: toolbar-close-button: #657b83
toolbar-save-button: toolbar-delete-button: #dc322f
toolbar-info-button: toolbar-done-button: #657b83
toolbar-edit-button: toolbar-edit-button: #657b83
toolbar-close-button: toolbar-info-button: #657b83
toolbar-delete-button: toolbar-new-button: #657b83
toolbar-cancel-button: toolbar-options-button: #657b83
toolbar-done-button: toolbar-save-button: inherit
untagged-background: #839496 untagged-background: #586e75
very-muted-foreground: #93a1a1 very-muted-foreground: #93a1a1

6
themes/tiddlywiki/vanilla/base.tid
View File

@ -1499,7 +1499,7 @@ html body.tc-body.tc-single-tiddler-window {
} }
.tc-drop-down button.tc-btn-invisible:hover svg { .tc-drop-down button.tc-btn-invisible:hover svg {
fill: <<colour foreground>>; fill: <<colour background>>;
} }
.tc-drop-down .tc-drop-down-info { .tc-drop-down .tc-drop-down-info {
@ -2191,8 +2191,8 @@ a.tc-tiddlylink.tc-plugin-info:hover {
fill: <<colour foreground>>; fill: <<colour foreground>>;
} }
a.tc-tiddlylink.tc-plugin-info:hover .tc-plugin-info > .tc-plugin-info-chunk > svg { a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk > svg {
fill: <<colour foreground>>; fill: <<colour background>>;
} }
.tc-plugin-info-chunk { .tc-plugin-info-chunk {