servala/servala-portal
3
0
Fork 0
Code Issues 23 Pull requests 1 Projects 1 Releases Packages 2 Activity Actions

First branding integration #40

Merged
rixx merged 6 commits from 20-styling-branding into main 2025-04-07 21:29:45 +00:00
Conversation 0 Commits 6 Files changed 11 +45
1 changed files with 45 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit d4b43ef078 - Show all commits

45
src/servala/static/css/servala.css
View file

@ -1,3 +1,48 @@
:root, html[data-bs-theme="dark"]:root {
--bs-primary: #9A63EC;
--bs-link-color: var(--bs-primary);
--bs-link-color-rgb: 154, 99, 236;
--bs-link-hover-color-rgb: 154, 99, 236;
--brand-black: #333333;
--brand-mid: #C4ACE0;
--brand-light: #FCEAFF;
--brand-success: #64BAAA;
}
.dropdown-menu, html[data-bs-theme="dark"] .dropdown-menu {
--bs-dropdown-link-active-bg: var(--bs-primary);
}
.layout-horizontal .main-navbar {
background-color: var(--bs-primary);
}
html[data-bs-theme="dark"] .btn-primary, .btn-primary {
--bs-btn-bg: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-hover-bg: var(--bs-primary);
--bs-btn-hover-border-color: var(--bs-primary);
--bs-btn-active-bg: var(--bs-primary);
--bs-btn-active-border-color: var(--bs-primary);
--bs-btn-disabled-bg: var(--bs-primary);
--bs-btn-disabled-border-color: var(--bs-primary);
}
.btn.btn-light-primary {
background-color: var(--brand-light);
color: var(--bs-primary);
}
html[data-bs-theme="dark"] .btn.btn-light-primary {
background-color: var(--brand-light);
}
html[data-bs-theme="dark"] .btn-outline-primary, .btn-outline-primary {
--bs-btn-color: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-hover-bg: var(--bs-primary);
--bs-hover-border-color: var(--bs-primary);
--bs-btn-active-bg: var(--bs-primary);
--bs-btn-active-border-color: var(--bs-primary);
--bs-btn-disabled-color: var(--bs-primary);
--bs-btn-disabled-color: var(--bs-primary);
--bs-btn-disabled-border-color: var(--bs-primary);
}
.header-top-left { .header-top-left {
display: flex; display: flex;
align-items: baseline; align-items: baseline;