The final theme rules are determined in three steps: First, the default dark theme CSS variables will be applied, then second the CSS variables from the top level of the theme that are mode-independent ( primary-color: steelblue in this example) and lastly the mode-specific CSS variables will be layered on top ( secondary-text-color: slategray). Theme sad: By using the new modes key plus the subkey dark this theme will now be based on the default dark theme. This legacy format is still supported and will behave as before and automatically use the default light theme as the base. Theme happy: Same as in the previous example. ![]() ![]() ![]() # Example configuration.yaml entry frontend : themes : happy : primary-color : pink text-primary-color : purple mdc-theme-primary : plum sad : primary-color : steelblue modes : dark : secondary-text-color : slategray day_and_night : primary-color : coral modes : light : secondary-text-color : olive dark : secondary-text-color : slategray
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |