Refactor styles across multiple components to use new color variables
- Updated background and border colors in DashboardWidget, DialogWidget, MessageboxWidget, and TermineWidget to use new CSS variables for consistency. - Changed button colors in various widgets and dialogs to utilize the new primary color variable. - Adjusted text colors in VocabCourseView, VocabDictionaryView, and VocabTrainerView to align with the new color scheme. - Replaced hardcoded colors with CSS variables in multiple components for improved maintainability and theming.
This commit is contained in:
@@ -169,8 +169,8 @@ export default {
|
||||
margin-bottom: 10px;
|
||||
padding: 4px 10px;
|
||||
border-radius: 999px;
|
||||
background: rgba(248, 162, 43, 0.14);
|
||||
color: #8a5411;
|
||||
background: var(--color-secondary-soft);
|
||||
color: #28643d;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
@@ -282,8 +282,8 @@ export default {
|
||||
height: 36px;
|
||||
padding: 0 10px;
|
||||
border-radius: 999px;
|
||||
background: rgba(248, 162, 43, 0.12);
|
||||
color: #8a5411;
|
||||
background: var(--color-secondary-soft);
|
||||
color: #28643d;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user