anki/qt/BUILD.bazel
Matthias Metelka 8142176f84
Introduce new color palette using Sass maps (#2016)
* 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

* 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

* Fix nested variables not getting extracted correctly

* Rename canvas-outset to canvas-elevated

* Light theme: darken canvas-default

* Make canvas-elevated a bit darker

* Rename variables and use them in various components

* Refactor button mixins

* Remove fusion vars from Anki

* Adjust button gradients

* Refactor button mixins

* Fix deck browser table td background color

* Use color function in buttons.scss

* Rework QTabWidget stylesheet

* Fix crash on browser open

* Perfect QTableView header

* Fix bottom toolbar button gradient

* Fix focus outline of bottom toolbar buttons

* Fix custom webview scrollbar

* Fix uses of vars in various webviews

The command @use vars as * lead to repeated inclusion of the CSS vars.

* Enable primary button color with mixin

* Run prettier

* Fix Python code style issues

* Tweak colors

* Lighten scrollbar shades in light theme

* Fix code style issues caused by merge

* Fix harsh border color in editor

caused by leftover --medium-border variables, probably introduced with a merge commit.

* Compile Sass before extracting Python colors/props

This means the Python side doesn't need to worry about the map structure and Sass functions, just copy the output CSS values.

* Desaturate primary button colors by 10%

* Convert accidentally capitalized variable names to lowercase

* Simplify color definitions with qcolor function

* Remove default border-focus variable

* Remove redundant colon

* Apply custom scrollbar CSS only on Windows and Linux

* Make border-subtle color brighter than background in dark theme

* Make border-subtle color a shade brighter in light theme

* Use border-subtle for NoteEditor and EditorToolbar border

* Small patches
2022-09-16 14:11:18 +10:00

197 lines
3.7 KiB
Python

load("@rules_python//python:defs.bzl", "py_binary", "py_test")
load("@py_deps//:requirements.bzl", "requirement")
py_binary(
name = "genhooks_gui",
srcs = [
"tools/genhooks_gui.py",
],
imports = ["."],
visibility = [":__subpackages__"],
deps = [
"//pylib/tools:hookslib",
requirement("black"),
"//pylib/anki/_vendor:stringcase",
],
)
py_binary(
name = "extract_sass_vars",
srcs = [
"tools/extract_sass_vars.py",
],
imports = ["."],
visibility = [":__subpackages__"],
)
py_test(
name = "pytest",
srcs = glob(["tests/*.py"]) + ["bazelfixes.py"],
imports = ["."],
main = "tests/run_pytest.py",
deps = [
"//pylib/anki",
"//qt/aqt:aqt_without_data",
requirement("pytest"),
requirement("mock"),
],
)
py_test(
name = "mypy",
srcs = [
"tests/run_mypy.py",
],
args = [
"aqt",
"$(location mypy.ini)",
"$(location @pyqt6//:__init__.py)",
"$(location //python/stubs:extendsitepkgs)",
],
data = [
"mypy.ini",
"//python/stubs",
"//python/stubs:extendsitepkgs",
"@pyqt6//:__init__.py",
],
env = {"EXTRA_SITE_PACKAGES": "$(location //python/stubs)"},
main = "tests/run_mypy.py",
deps = [
"//pylib/anki",
"//qt/aqt:aqt_without_data",
"@pyqt6",
requirement("mypy"),
],
)
py_test(
name = "pylint",
srcs = [
"tests/run_pylint.py",
],
args = [
"aqt",
"$(location .pylintrc)",
],
data = [
".pylintrc",
],
main = "tests/run_pylint.py",
deps = [
"//pylib/anki",
"//qt/aqt:aqt_without_data",
requirement("pylint"),
"@pyqt6",
],
)
py_test(
name = "format_check",
srcs = glob(["**/*.py"]) + [
"//qt/aqt:py_source_files",
],
args = [
"$(location .isort.cfg)",
],
data = [".isort.cfg"],
main = "tests/run_format.py",
deps = [
"//qt/aqt:aqt_without_data",
requirement("black"),
requirement("isort"),
],
)
py_binary(
name = "format",
srcs = [
"tests/run_format.py",
],
args = [
"$(location .isort.cfg)",
"fix",
],
data = [".isort.cfg"],
main = "tests/run_format.py",
tags = ["manual"],
deps = [
requirement("black"),
requirement("isort"),
],
)
py_binary(
name = "runanki",
srcs = [
"bazelfixes.py",
"runanki.py",
],
imports = ["."],
deps = [
"//pylib/anki",
"//qt/aqt:aqt_with_data",
"@pyqt6",
],
)
py_binary(
name = "runanki_qt515",
srcs = [
"bazelfixes.py",
"runanki.py",
],
imports = ["."],
main = "runanki.py",
tags = ["manual"],
deps = [
"//pylib/anki",
"//qt/aqt:aqt_with_data",
"@pyqt515",
],
)
py_binary(
name = "runanki_qt514",
srcs = [
"bazelfixes.py",
"runanki.py",
],
imports = ["."],
main = "runanki.py",
tags = ["manual"],
deps = [
"//pylib/anki",
"//qt/aqt:aqt_with_data",
"@pyqt514",
],
)
py_binary(
name = "dmypy",
srcs = [
"dmypy.py",
],
data = [
# ensure the binary's been built
"//python:dmypy",
"//python/stubs",
"//python/stubs:extendsitepkgs",
],
env = {"EXTRA_SITE_PACKAGES": "$(location //python/stubs)"},
imports = ["."],
tags = ["manual"],
deps = [
"//pylib/anki",
"//qt/aqt:aqt_without_data",
],
)
py_binary(
name = "profile",
srcs = ["tools/profile.py"],
tags = ["manual"],
deps = [
requirement("snakeviz"),
],
)