Add the default theme for Ink.

Review Request #13584 — Created Feb. 27, 2024 and submitted — Latest diff uploaded

Information

Ink
master

Reviewers

The default theme is built to be suitable for all Beanbag products. It
provides:

  • A color palette based on Review Board's standard palette
  • Numerous palette design tokens that components can be built upon
  • Standard units, fonts, icons, z-indexes, borders, and more.

This isn't complete, and many of exact colors are going to be altered as
time goes on, but this sets up the foundation for future development.

We're using Tabler.io for the icons (all MIT-licensed), including their
SVGs as data-URIs in the stylesheet. This gives us a standard set of
scalable icons we can use without any additional downloads.

Note that the theme does not set any styles on the actual page. As in,
it doesn't set the page background, font, headers, etc. It merely provides
styling for Ink's components. It's up to the consuming application to make
use of these. An "auto" style will be provided for setting some defaults.

Made use of many of the variables within this in the development of
the new components.

Diff Revision 1 (Latest)

Commits

First Last Summary ID Author
Add the default theme for Ink.
The default theme is built to be suitable for all Beanbag products. It provides: * A color palette based on Review Board's standard palette * Numerous palette design tokens that components can be built upon * Standard units, fonts, icons, z-indexes, borders, and more. This isn't complete, and many of exact colors are going to be altered as time goes on, but this sets up the foundation for future development. We're using Tabler.io for the icons (all MIT-licensed), including their SVGs as data-URIs in the stylesheet. This gives us a standard set of scalable icons we can use without any additional downloads.
27a0639179b7bdd8b0ee36a89e2e65c61f7b2542 Christian Hammond
src/ink/less/index.less
src/ink/less/assets/animations.less
src/ink/less/assets/icons.less
src/ink/less/assets/index.less
src/ink/less/themes/index.less
src/ink/less/themes/default/globals.less
src/ink/less/themes/default/index.less
src/ink/less/themes/default/init.less
src/ink/less/themes/default/palette.less
src/ink/less/themes/default/resources.less
src/ink/less/themes/default/units.less
src/ink/less/themes/default/components/index.less
Loading...