Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(color): Add new color palette #1415

Merged
merged 76 commits into from
Aug 7, 2023
Merged
Show file tree
Hide file tree
Changes from 65 commits
Commits
Show all changes
76 commits
Select commit Hold shift + click to select a range
0bcb2f7
Prepare docs for new colors
dancormier Jul 12, 2023
762626b
Create color-legacy.less
dancormier Jul 12, 2023
428be6f
Update colors docs page
dancormier Jul 13, 2023
3442be6
Render all new and legacy colors + classes in docs page
dancormier Jul 13, 2023
2a5da02
Add tabs to color docs
dancormier Jul 13, 2023
15ca494
Add new color sets
dancormier Jul 13, 2023
5668f44
Maintain new and legacy colors pages separately
dancormier Jul 14, 2023
7f72048
Fix new atomic color class docs
dancormier Jul 14, 2023
ea7696b
Add atomic color class generation
dancormier Jul 14, 2023
c127888
Add new black, white colors
dancormier Jul 14, 2023
24b993f
Add new gold, silver, bronze
dancormier Jul 14, 2023
78c0d48
Move new color variable, class generation to new file
dancormier Jul 17, 2023
69c5bde
Generate theme color classes
dancormier Jul 17, 2023
3d01b9e
Add docs to new less color functions
dancormier Jul 18, 2023
e310dcf
Fix docs page class rendering
dancormier Jul 19, 2023
fd988ba
Move new color files, refactor less functions; add theming
dancormier Jul 19, 2023
34d35b4
Remove cruft
dancormier Jul 19, 2023
b6429b3
Simplify docs page
dancormier Jul 19, 2023
6dde40e
theming…
dancormier Jul 19, 2023
faca463
Refactor and make some theming progress
dancormier Jul 20, 2023
426d276
Tweaks!
dancormier Jul 21, 2023
1851016
Simplify color mixins
dancormier Jul 24, 2023
4d2f72b
Merge branch 'develop' into dcormier/colors-2023
dancormier Jul 24, 2023
282352d
Turn color sets into objects with key/value pairs
dancormier Jul 25, 2023
e62b6bb
Clean up theme generation
dancormier Jul 25, 2023
2d917ef
Simplify color sets
dancormier Jul 25, 2023
e38224c
Add custom theme variables
dancormier Jul 25, 2023
862120a
Cleanup
dancormier Jul 25, 2023
3350289
Revert entry.colors.js
dancormier Jul 25, 2023
e655a8c
Documentation, cleanup
dancormier Jul 25, 2023
670c973
add setup to test less mixins
giamir Jul 26, 2023
1809920
fix unnecessary extra semicolon in atomic classes rule
giamir Jul 27, 2023
8f799a3
run tests and linters for PRs and pushes into stacks-next
giamir Jul 27, 2023
9ffed40
beautify css snapshots for better readability
giamir Jul 27, 2023
311593f
add snapshot of the legacy color/theme generated css
giamir Jul 27, 2023
9e2b517
Get rid of unneeded redirect
dancormier Jul 27, 2023
31e05b6
Add page for new theming variables
dancormier Jul 27, 2023
be28a1e
Move atomic class generation to atomic/color-new.less
dancormier Jul 27, 2023
cb4a8aa
change .theme-variables to .theme-variables()
dancormier Jul 27, 2023
9715c5d
Add utility color variables
dancormier Jul 27, 2023
9bd5230
Cleanup!
dancormier Jul 27, 2023
37612f7
Theming!
dancormier Jul 28, 2023
5e4eefe
font color need to be set per mode
dancormier Jul 28, 2023
cbad224
Update tests
dancormier Jul 28, 2023
825515d
⌘ + s
dancormier Jul 28, 2023
ebeab38
Update figma link
dancormier Jul 28, 2023
11ab560
Update theming docs slightly
dancormier Jul 28, 2023
93eefdf
Update legacy color page to minimize changes to output
dancormier Jul 31, 2023
a7a19e7
Update new theming docs page
dancormier Jul 31, 2023
c3365e6
Revert "Update new theming docs page"
dancormier Jul 31, 2023
a060388
Generate custom theme variables for use in light/dark mode by default
dancormier Jul 31, 2023
50bb664
Update theming (new) docs page
dancormier Jul 31, 2023
5fb4002
Add child theming docs
dancormier Jul 31, 2023
93c35a9
add snapshots for old and new atomic color files
giamir Aug 1, 2023
aab6ff4
Implement suggested tweaks
dancormier Aug 1, 2023
9974df0
Show output of theme sliders
dancormier Aug 1, 2023
31eb135
Add new fc variables, update bc variable values
dancormier Aug 2, 2023
c695b31
Cleanup comments
dancormier Aug 2, 2023
468bd38
Tweak theme color stops
dancormier Aug 2, 2023
12f4094
Add status, lightness alias fc/bg classes; tweak theming
dancormier Aug 2, 2023
1343968
Tweak theming, remove r/g/b from new
dancormier Aug 3, 2023
5e712e9
rename theme function
dancormier Aug 3, 2023
1646edb
cleanup
dancormier Aug 3, 2023
f7bbed6
Add base theme color classes, values
dancormier Aug 3, 2023
9097d68
snapshots, documentation fix
dancormier Aug 3, 2023
557ec7a
Move aliased utility class generation
dancormier Aug 3, 2023
c4c5607
add snapshot for create-aliased-utility-colors mixin
giamir Aug 4, 2023
8c8f08a
Remove new theme rgb references
dancormier Aug 4, 2023
89c0db2
Add .fc-new-* alias classes to docs
dancormier Aug 4, 2023
e0aeaca
Remove border color alias cruft from docs
dancormier Aug 4, 2023
de82660
Remap new highlight color variables where possible
dancormier Aug 4, 2023
bc8f132
Revert "Remove border color alias cruft from docs"
dancormier Aug 4, 2023
c8bf8f9
Add new border colors
dancormier Aug 4, 2023
4c45fcd
Update snapshots
dancormier Aug 4, 2023
8b89507
Add a Borders (new) docs page
dancormier Aug 4, 2023
afa19ed
Remove duplicate component-specific theme variables
dancormier Aug 4, 2023
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 5 additions & 2 deletions .github/workflows/main.yml
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@ name: CI

on:
push:
branches: [develop]
branches: [develop, stacks-next]
pull_request:
branches: [develop]
branches: [develop, stacks-next]

jobs:
build-and-test:
Expand All @@ -30,6 +30,9 @@ jobs:
- name: ▶️ Linting
run: npm run lint

- name: ▶️ Less Tests
run: npm run test:less

- name: ▶️ Unit Tests
run: npm run test:unit -- --config web-test-runner.config.ci.mjs

Expand Down
15 changes: 15 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -109,6 +109,21 @@ npm run test:visual:update

Failing tests (including diffs) can be found under `screenshots/[browser]/failed/` folders.

### Less Tests

This is an experimental suite to test the generation of CSS from Less files.
Less tests end with this suffix `*.less.test.ts`.

Execute the less tests suite by running:
```sh
npm run test:less
```

Update the css snapshots via:
```sh
npm run test:less:update
```

## Releasing a new version of Stacks
Stacks uses [Semantic Versioning](https://semver.org/), is distributed via [npm](https://www.npmjs.com/package/@stackoverflow/stacks), and publishes [release notes on Github](https://github.com/StackExchange/Stacks/releases). Follow the steps below to release a new version of Stacks.

Expand Down
Loading
Loading