mirror of
https://github.com/ankitects/anki.git
synced 2025-11-24 21:47:13 -05:00
414ff5db1c
* Remove --medium-border variable * Implement color palette using Sass maps I hand-picked the gray tones, the other colors are from the Tailwind CSS v3 palette. Significant changes: - light theme is brighter - dark theme is darker - borders are softer I also deleted some platform- and night-mode-specific code. * Use custom colors for note view switch * Use same placeholder color for all inputs * Skew color palette for more dark values by removing gray[3], which wasn't used anywhere. Slight adjustments were made to the darker tones. * Adjust frame- window- and border colors * Give deck browser entries --frame-bg as background color * Define styling for QComboBox and QLineEdit globally * Experiment with CSS filter for inline-colors Inside darker inputs, some colors like dark blue will be hard to read, so we could try to improve text-color contrast with global adjustments depending on the theme. * Use different map structure for _vars.scss after @hgiesel's idea: https://github.com/ankitects/anki/pull/2016#discussion_r947087871 * Move custom QLineEdit styles out of searchbar.py * Merge branch 'main' into color-palette * Revert QComboBox stylesheet override * Align gray color palette more with macOS * Adjust light theme * Add custom styling for Qt controls * Use --slightly-grey-text for options tab color * Replace gray tones with more neutral values * Improve categorization of global colors by renaming almost all of them and sorting them into separate maps. * Saturate highlight-bg in light theme * Tweak gray tones * Adjust box-shadow of EditingArea to make fields look inset * Add Sass functions to access color palette and semantic variables in response to https://github.com/ankitects/anki/pull/2016#issuecomment-1220571076 * Showcase use of access functions in several locations @hgiesel in buttons.scss I access the color palette directly. Is this what you meant by "... keep it local to the component, and possibly make it global at a later time ..."? * Fix focus box shadow transition and remove default shadow for a cleaner look I couldn't quite get the inset look the way I wanted, because inset box-shadows do not respect the border radius, therefore causing aliasing. * Tweak light theme border and shadow colors * Add functions and colors to base_lib * Add vars_lib as dependency to base_lib and button_mixins_lib * Improve uses of default-themed variables * Use old --frame-bg color and use darker tone for canvas-default * Return CSS var by default and add palette-of function for raw value * Showcase use of palette-of function The #{...} syntax is required only because the use cases are CSS var definitions. In other cases a simple palette-of(keyword, theme) would suffice. * Light theme: decrease brightness of canvas-default and adjust fg-default * Use canvas-inset variable for switch knob * Adjust light theme * Add back box-shadow to EditingArea * Light theme: darken background and flatten transition also set hue and saturation of gray-8 to 0 (like all the other grays). * Reduce flag colors to single default value * Tweak card/note accent colors * Experiment with inset look for fields again Is this too dark in night mode? It's the same color used for all other text inputs. * Dark theme: make border-default one shade darker * Tweak inset shadow color * Dark theme: make border-faint darker than canvas-default meaning two shades darker than it currently was. * Fix PlainTextInput not expanding * Dark theme: use less saturated flag colors * Adjust gray tones * Create stylesheet overrides for various Qt widgets Including QPushButton, QComboBox, QSpinBox, QLineEdit, QListWidget, QTabWidget, QTreeWidget, QToolTip, QTableView, QScrollBar and sub-widgets. * Make webview scrollbar look identical to Qt one * Add blue colors for primary buttons * Tweak disabled state of SpinBox button * Apply styles to all platforms mainly so people like @hgiesel can easily test the widget style overrides, but maybe you actually prefer them over the native ones, who knows :) * Tweak webview button borders * Add type annotations to eventFilter * Adjust padding of QComboBox and its drop-down arrow * Use isinstance for comparison * Remove reimport of Any * Revert "Merge branch 'redesign-test' into custom-qt-controls" This reverts commit |
||
|---|---|---|
| .. | ||
| editor-toolbar | ||
| image-overlay | ||
| mathjax-overlay | ||
| plain-text-input | ||
| rich-text-input | ||
| base.ts | ||
| BrowserEditor.svelte | ||
| BUILD.bazel | ||
| change-timer.ts | ||
| ClozeButtons.svelte | ||
| code-mirror.ts | ||
| CodeMirror.svelte | ||
| CollapseBadge.svelte | ||
| DecoratedElements.svelte | ||
| destroyable.ts | ||
| DuplicateLink.svelte | ||
| EditingArea.svelte | ||
| editor-base.scss | ||
| EditorField.svelte | ||
| FieldDescription.svelte | ||
| Fields.svelte | ||
| FieldsEditor.svelte | ||
| FieldState.svelte | ||
| FocusTrap.svelte | ||
| FrameElement.svelte | ||
| HandleBackground.svelte | ||
| HandleControl.svelte | ||
| HandleLabel.svelte | ||
| helpers.ts | ||
| icons.ts | ||
| index_browser.ts | ||
| index_creator.ts | ||
| index_reviewer.ts | ||
| LabelContainer.svelte | ||
| LabelName.svelte | ||
| legacy.scss | ||
| MathjaxElement.svelte | ||
| NoteCreator.svelte | ||
| NoteEditor.svelte | ||
| Notification.svelte | ||
| old-editor-adapter.ts | ||
| PlainTextBadge.svelte | ||
| PreviewButton.svelte | ||
| ReviewerEditor.svelte | ||
| RichTextBadge.svelte | ||
| StickyBadge.svelte | ||
| surround.ts | ||
| tsconfig.json | ||