![]() To do this, open the git panel in VS Code: Once you're happy with your theme and it's passing the contrast requirements, you'll want to save your changes so they can be added to the live site and everyone can see your awesome theme! In order for your theme to be approved, each of these numbers needs to be greater than or equal to 4.5 (WCAG AA Compliant). Note that each time a theme is selected, the A11y card's values are recalculated and updated to reflect the contrast ratio between various theme colors. Once you select your theme, saving themes.css will update localhost instantly without needing to reselect your new theme! Requirements for accepted PR's If you're not sure where to start picking colors, I recommend playing around with Pallettte Next, update the #fff's to be your colors of choice. You'll update your-theme-name to be whatever you want your theme's class to be called (check that there isn't already a theme with your chosen name!). Add a new line after all existing 's as follows: In this file, you'll see a list of components starting on line 28. Don't worry if you don't know any Vue, the changes you need to make to that file won't be anything too intense! Editing ThemePicker.vue These files were created when you used the git clone command above. There are two files that you will need to update to add a new theme - src/assets/themes.css and src/components/ThemePicker.vue. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |