Previously orange was the default link colour. Now changed to a custom
blue. Blue as a link colour is more natural and obvious UX choice.
Contrast rules are now passing AAA tier WCAG 2 criterion, allowing us to move towards legible textual information.
Please find $link-color in `settings/_colors.scss`. The hover shade was
also reworked to pass AA WCAG 2. Extra blue variants exist but are not
accessible, they are placed in settings to cover the future development
of a dark theme. Be cautious when reusing these shades.
Dark was previously chosen as the default theme color, this meant light text on dark backgrounds. Now we move over to white. Browser extensions and system dark settings can do the heavy lifting for us. Support for a light theme is our aim.
settings/_colors.scss
Colors saw additional navbar color variables to bring cohesion to the table. For instance, $nav-bg-color.
components/_toolbar.scss
We shifted the practise of hard boiling hexidecimal values and opted for linking the variables from the color settings. Any changes to settings will be easily reflected across the toolbar with less effort.
settings/_colors.scss is populated with the color variables from
variables.scss, alongside additional link variables. $body-color was
renamed to $body-text-color to avoid confusion.
Production sees a sass compressed under the filename style.min.css.
Alternatively development mode instead creates an uncompressed version
under style.css -- `npm run build:dev`
The scripts.js in `public` dir was previously known as app.js.
spongycake
