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

feat(theme): implement Falukant theme with updated styles and components

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-08-21 14:28:05 +02:00
parent 3ab4692c22
commit d31c854521
27 changed files with 329 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/components/SimpleTabs.vue
View File

@@ -45,19 +45,45 @@ export default {
<style scoped>
.simple-tabs {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 1rem;
}
.simple-tab {
min-height: 38px;
padding: 0.5rem 1rem;
background: #fff;
border: none;
background: var(--color-surface-strong);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
box-shadow: none;
color: var(--color-text-primary);
cursor: pointer;
transition: background 0.2s;
transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}
.simple-tab:hover:not(:disabled) {
transform: none;
background: var(--color-primary-soft);
border-color: var(--color-primary);
box-shadow: none;
}
.simple-tab:focus-visible {
outline: 3px solid rgba(120, 195, 138, 0.42);
outline-offset: 2px;
}
.simple-tab:disabled {
background: var(--color-bg-muted);
color: var(--color-text-muted);
cursor: not-allowed;
}
.simple-tab.active {
background: var(--color-primary-orange);
color: #000;
background: var(--color-primary);
border-color: var(--color-primary);
color: var(--color-text-on-accent);
box-shadow: none;
}
</style>