torsten/yourpart3
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Update color scheme across components to use new primary orange variable

Browse Source 
- Replaced hardcoded orange color values with the new CSS variable for primary orange in multiple components, ensuring consistency in styling.
- Updated styles in DialogWidget, MessageboxWidget, SettingsWidget, SimpleTabs, and various Falukant components to enhance maintainability and readability.
This commit is contained in:
Torsten Schulz (local)
2026-01-23 13:56:19 +01:00
parent 079250fcd7
commit fb821dbf21
11 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/views/home/NoLoginView.vue
View File

@@ -185,7 +185,7 @@ export default {
}
.actions>div>h2 {
color: #FF6B35;
color: var(--color-primary-orange);
}
.seo-content {

12
frontend/src/views/social/VocabCourseView.vue
View File

@@ -321,9 +321,9 @@ export default {
.btn-current-lesson {
padding: 12px 24px;
background: #FF6B35;
background: var(--color-primary-orange);
color: #000000;
border: 1px solid #FF6B35;
border: 1px solid var(--color-primary-orange);
border-radius: 4px;
cursor: pointer;
font-size: 1em;
@@ -491,9 +491,9 @@ export default {
.btn-start {
padding: 8px 16px;
background: #FF6B35;
background: var(--color-primary-orange);
color: #000000;
border: 1px solid #FF6B35;
border: 1px solid var(--color-primary-orange);
border-radius: 4px;
cursor: pointer;
font-size: 0.9em;
@@ -517,9 +517,9 @@ export default {
.btn-edit {
padding: 6px 12px;
background: #FF6B35;
background: var(--color-primary-orange);
color: #000000;
border: 1px solid #FF6B35;
border: 1px solid var(--color-primary-orange);
border-radius: 4px;
cursor: pointer;
font-size: 0.85em;

12
frontend/src/views/social/VocabLessonView.vue
View File

@@ -1801,9 +1801,9 @@ export default {
.btn-switch-mode {
padding: 8px 16px;
background: #FF6B35;
background: var(--color-primary-orange);
color: #000000;
border: 1px solid #FF6B35;
border: 1px solid var(--color-primary-orange);
border-radius: 4px;
cursor: pointer;
font-size: 0.9em;
@@ -1812,9 +1812,9 @@ export default {
}
.btn-switch-mode:hover {
background: #FFF4F0;
color: #5D4037;
border: 1px solid #5D4037;
background: var(--color-primary-orange-light);
color: var(--color-text-secondary);
border: 1px solid var(--color-text-secondary);
}
.vocab-answer-area.multiple-choice {
@@ -2114,7 +2114,7 @@ export default {
justify-content: space-between;
padding: 10px 20px;
border-bottom: 1px solid #ddd;
background-color: #FF6B35;
background-color: var(--color-primary-orange);
}
.dialog-title {