anki/ts/editor
Matthias Metelka 0c340c4f74
Add comments to Sass variables and tweak main window (#2137)
* Prevent multiple inclusion of variables in CSS files

* Use dict instead of tuple for variables

* Add comments to variables

* Improve appearance of main window

* Tweak main window styles

* Use json.dumps over pprint.format

* Make study button primary

* Improve header margin

* Make bottom toolbar slimmer

* Make congrats page more balanced

* Fix type issue

* Replace day/night with light/dark

* Exclude top-level-drag-row from hover effect

* Create dataclass for variables

* Run formatter

* Apply CSS variables from Python side

Why go full-circle with the Sass variables? This way we only need one interface for add-on authors to interact with. It also makes it easier for us to apply additional themes in the future.

* Fix typing

* Fix rgba values in Qt

* Darken button background

* Fix palette not being applied in light theme

For some odd reason this problem arose much later than #2016.

* Tweak default button look

* Reformat

* Apply CSS vars to ts pages

* Include elevation in button_mixins_lib

* Cast opacity to int

* Add some margin to studiedToday info

* Tweak light theme button gradient

* Tweak highlight-bg for light theme

* Add back default button color

as it made the browser sidebar tool icons dark in light theme.

* Reformat

* Tweak light theme buttons once more

Sorry for the back-and-forth. Sass only compiles when there are changes in user files, not when I only change the vars.

* Fix bottom toolbar button indicators

* Make buttons more clicky

* Fix button padding

* Handle macOS separately again

* Decrease elevation effect for main window buttons to 1

* Imitate box-shadow for Qt elements

* Adjust shadow vars

* Adjust primary border color

because the save button in the deck options had a lighter color than its background gradient.

* Boost box-shadow color of primary buttons

* Format

* Adjust Qt box-shadow imitation and shadow colors

* Use more subtle default shadow color

* Add some more padding to top toolbar

* Revert "Apply CSS vars to ts pages"

This reverts commit 5d8e7f6b7ffc8894b6517ecbb8cfba35407fc69a.

* Revert "Apply CSS variables from Python side"

This reverts commit 87db774412fd2bfd75e2630d2c5e782daef96b5f.

* Better match the standard macOS buttons

In the dark theme the standard color is a lighter grey, but at least
the size/shape is similar again.

This doesn't work for the editor buttons.

* Reduce the top margin of the congrats screen

* Fix illegible buttons when changing theme on macOS; match dark button style
2022-10-29 10:48:53 +10:00
..
editor-toolbar Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
image-overlay Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
mathjax-overlay Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
plain-text-input Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
rich-text-input Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
symbols-overlay Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
base.ts Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
BrowserEditor.svelte Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
BUILD.bazel Fuzzy search in symbol insertion overlay (#2059) 2022-09-13 14:19:19 +10:00
change-timer.ts Add ChangeTimer.prototype.fireImmediately 2021-09-16 14:47:05 +02:00
ClozeButtons.svelte Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
code-mirror.ts Make auto-closing of HTML tags default but optional (#2101) 2022-10-03 13:14:57 +10:00
CodeMirror.svelte Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
CollapseBadge.svelte Field redesign (#2002) 2022-08-19 10:02:28 +10:00
decorated-elements.ts Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
destroyable.ts Fix Cloze button (#1504) 2021-11-24 10:25:24 +10:00
DuplicateLink.svelte Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
EditingArea.svelte Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
editor-base.scss Make tags editor resizable using Henrik's components (#2046) 2022-09-28 14:02:32 +10:00
EditorField.svelte Add comments to Sass variables and tweak main window (#2137) 2022-10-29 10:48:53 +10:00
FieldDescription.svelte Fix sticky field labels - Make editor toolbar+tag editor non sticky in editor (#2058) 2022-09-12 19:22:22 +10:00
Fields.svelte Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
FieldState.svelte Field redesign (#2002) 2022-08-19 10:02:28 +10:00
HandleBackground.svelte Use WithFloating for MathjaxOverlay (#2011) 2022-09-05 17:20:00 +10:00
HandleControl.svelte Use WithFloating for MathjaxOverlay (#2011) 2022-09-05 17:20:00 +10:00
HandleLabel.svelte Use WithFloating for MathjaxOverlay (#2011) 2022-09-05 17:20:00 +10:00
helpers.ts Introduce setting to collapse field by default (#1990) 2022-08-31 23:34:39 +10:00
icons.ts Field redesign (#2002) 2022-08-19 10:02:28 +10:00
index_browser.ts Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
index_creator.ts Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
index_reviewer.ts Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
LabelContainer.svelte Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
LabelName.svelte Editor Field Descriptions (#1476) 2021-11-06 09:42:48 +10:00
legacy.scss Add comments to Sass variables and tweak main window (#2137) 2022-10-29 10:48:53 +10:00
NoteCreator.svelte Field redesign (#2002) 2022-08-19 10:02:28 +10:00
NoteEditor.svelte Finish #2070: Single overlay instead of per field (#2144) 2022-10-27 09:11:36 +10:00
Notification.svelte Introduce new color palette using Sass maps (#2016) 2022-09-16 14:11:18 +10:00
old-editor-adapter.ts Plaintext import/export (#1850) 2022-06-01 20:26:16 +10:00
PlainTextBadge.svelte Field redesign (#2002) 2022-08-19 10:02:28 +10:00
PreviewButton.svelte Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
ReviewerEditor.svelte Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
RichTextBadge.svelte Introduce setting to collapse field by default (#1990) 2022-08-31 23:34:39 +10:00
StickyBadge.svelte Field redesign (#2002) 2022-08-19 10:02:28 +10:00
surround.ts Last polishes for Surrounder class (#2017) 2022-08-17 16:00:37 +10:00
tsconfig.json Insert symbols overlay (#2051) 2022-09-10 18:46:59 +10:00