Created the API endpoint and Yup validation schema for updating the site theme settings
Utilizing chroma-js to generate a custom primary color gradient
Added a site theme options backup used to revert appearance changes when the user clicks cancel
Cross-browser testing
When I say 'cross-browser,' I mean that it has been tested in Chrome.
Completed first pass on the color input component
I rarely modify more than these options when compiling Bootstrap from SCSS to create unique-looking websites. By limiting the color palette to a primary color and gray, it greatly reduces the CSS variables needed.
Building a color picker input component
Custom color and form actions have been added to appearance settings
Light mode exists! Just don't expect many screenshots of it.
Added a border-radius range input to the appearance settings
Decided not to offer users a choice of fonts and instead stick with the native font stack
Color and gray theme appearance settings
Custom color theme is next.
Coded a Form Group component for elements like labels and messages to surround inputs
For many years, I developed a habit of simply copying and pasting form input labels and message divs. In retrospect, I realize I should have taken the time to create these components a long time ago. This project is about avoiding shortcuts and investing the time to build things properly.
Prototype reactive site theme colors
Developed a color mode dropdown for Bootstrap using Nuxt Color Mode
Added theme color and gray preferences to the database
Stashed css framework changes and replotting color themes
Color modes working
Color and gray themes coming soon.
Converting buttons and dropdown styles
Started converting component CSS
Reading about Nuxt UI
Fixed SSR rendering issue/blocker :)
Appearance Settings
Appearance Settings R&D
Created SSR issue report and reproductions
Tracking down the last major blocker
That I can find. For now.