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

* 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)
optimising-macrocalls
Adithya Badidey 2020-08-11 23:24:17 +05:30 zatwierdzone przez GitHub
rodzic fca9879321
commit 8cf458d3b3
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 4AEE18F83AFDEB23
3 zmienionych plików z 202 dodań i 98 usunięć

Wyświetl plik

@ -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

Wyświetl plik

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

Wyświetl plik

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