mi6 / ic-design-system

Intelligence Community Design System
https://design.sis.gov.uk
MIT License
44 stars 30 forks source link

feat(root): add colour tokens for table of contents light and dark mode #1199

Closed GCHQ-Developer-847 closed 2 weeks ago

GCHQ-Developer-847 commented 2 weeks ago

Summary of the changes

Added a color-mode.css file to the website. Added colour tokens for light and dark mode of the table of contents / anchor nav component.

I have only added theme changes / code for the table of contents - I believe the rest (e.g. wrapping the whole website in an ic-theme component? Etc.) will be done in #1133.


To view the changes in this PR, add the following to the styles in Chrome DevTools:

:root {
  color-scheme: light dark;
}

and then click on the paintbrush icon to change between modes.

Related issue

Part of mi6/ic-ui-kit#1214

Checklist

github-actions[bot] commented 2 weeks ago

View your branch deployment here: https://mi6.github.io/ic-design-system-githubpages/branches/feature/1214-table-of-contents-dark-mode