You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
176 lines
4.9 KiB
176 lines
4.9 KiB
// config/_cust_variables.scss |
|
// --Inhalt: Customerspezifische Variablen -- |
|
|
|
@charset "utf-8"; |
|
|
|
@use "sass:map"; |
|
@use "sx_variables"; |
|
|
|
|
|
// --- Brand colors --- |
|
$purple: #8a4d76; |
|
$pink: #fa7c91; |
|
$rot: #ff0000; |
|
$beige-light: #d0d1cd; |
|
$beige-lighter: #eff0eb; |
|
$beige: #f5f5dc; |
|
$antiquewhite: #faebd7; |
|
$snow: #fffafa; |
|
$weiß: #ffffff; |
|
|
|
$aliceblue: #f0f8ff; |
|
$azure: #f0ffff; |
|
$royalblue: #3333ff; |
|
$default-blaugrau: #ecf0f3; |
|
$UDE-blau: #003c7a; |
|
$UDE-grau: #d9d9d9; |
|
|
|
$graublau: hsl(219, 70%, 76%); |
|
$dklgrau: hsl(0, 0%, 21%); |
|
$mittelgrau: hsl(0, 0%, 60%); /*auch mittelgrau: #999999;*/ |
|
$hellgrau: hsl(0, 0%, 71%); /*auch hellgrau: #d7d7d7; */ |
|
$weißgrau: #efefef; |
|
$weißgelb: #fffaf0; |
|
$hellgelb: #fffabf; |
|
$gelborange: hsl(48, 100%, 67%); |
|
$khaki: #f0e68c; |
|
$grün: hsl(141, 71%, 48%); |
|
|
|
|
|
// ================================ |
|
// --- Customer-Werte: Lightmode --- |
|
// ================================ |
|
|
|
$customer-light: ( |
|
|
|
// --- Body --- |
|
body-background: $aliceblue, |
|
hr-background-color: whitesmoke, |
|
|
|
// --- Buttons --- |
|
button-background: $aliceblue, |
|
submit-button-border-color: $grün, |
|
reset-button-border-color: $gelborange, |
|
close-button-border-color: $hellgrau, |
|
|
|
// --- Cards, Modals --- |
|
card-background: white, |
|
modal-values-background: $default-blaugrau, |
|
|
|
// --- Formulare --- |
|
input-background: $aliceblue, |
|
input-container-background: $UDE-grau, |
|
sichtentreeCaret-color: $UDE-blau, |
|
input-background-ndSchluesselfeld: $weißgelb, |
|
|
|
// --- Field-dialogue --- |
|
navbar-dialogue-background: $UDE-blau, |
|
title-dialogue-color: white, |
|
|
|
// --- Navigation, Breadcrumb --- |
|
breadcrumbSeparator-color: black, |
|
navbar-background: $aliceblue, |
|
themenbaumCaret-color: black, |
|
|
|
// --- Rahmen --- |
|
border-color: $mittelgrau, |
|
border-style: thin solid $mittelgrau, |
|
border-radius: .3em, |
|
|
|
// --- Schrift, allgemein -- --- |
|
font-color: black, |
|
font-family: arial, |
|
font-weight: normal, |
|
font-size: 14px, |
|
|
|
// --- Tooltips, Warnungen, Fehler |
|
tooltip-background: $royalblue, |
|
tooltip-font-color: white, |
|
error-color: $rot, |
|
text-muted-color: $mittelgrau, |
|
|
|
// --- Tabellen: Farben für Hierarchieebenen --- |
|
table-background-header: $default-blaugrau, |
|
table-background-row-level-1: $aliceblue, |
|
table-background-row-level-2: $azure, |
|
table-background-row-level-3: $snow, |
|
table-background-row-level-4: $beige, |
|
table-background-row-level-5: $antiquewhite, |
|
table-background-row-level-6: $khaki, |
|
|
|
// --- Tabellen: Farben für einfache Tabellen--- |
|
table-color-special-value: $default-blaugrau, |
|
table-background-row-sum: $hellgrau, |
|
table-background-row-hover: $graublau, |
|
table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ |
|
table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ |
|
table-background-row-even-odd-hover: $hellgelb, |
|
); |
|
|
|
// ================================ |
|
// --- Customer-Werte: Darkmode --- |
|
// ================================ |
|
|
|
$customer-dark: ( |
|
|
|
// --- Body --- |
|
body-background: $aliceblue, |
|
hr-background-color: whitesmoke, |
|
|
|
// --- Buttons --- |
|
button-background: $aliceblue, |
|
submit-button-border-color: $grün, |
|
reset-button-border-color: $gelborange, |
|
close-button-border-color: $hellgrau, |
|
|
|
// --- Cards --- |
|
card-background: white, |
|
|
|
// --- Formulare --- |
|
input-background: $aliceblue, |
|
input-container-background: $UDE-grau, |
|
sichtentreeCaret-color: $UDE-blau, |
|
input-background-ndSchluesselfeld: $weißgelb, |
|
|
|
// --- Field-dialogue --- |
|
navbar-dialogue-background: $UDE-blau, |
|
title-dialogue-color: white, |
|
|
|
// --- Navigation, Breadcrumb --- |
|
breadcrumbSeparator-color: black, |
|
navbar-background: $aliceblue, |
|
themenbaumCaret-color: black, |
|
|
|
// --- Rahmen --- |
|
border-color: $mittelgrau, |
|
border-style: thin solid $mittelgrau, |
|
border-radius: .3em, |
|
|
|
// --- Schrift, allgemein --- |
|
font-color: black, |
|
|
|
// --- Tooltips, Warnungen, Fehler |
|
tooltip-background: $royalblue, |
|
tooltip-font-color: white, |
|
error-color: $rot, |
|
text-muted-color: $mittelgrau, |
|
|
|
// --- Tabellen: Farben für Hierarchieebenen --- |
|
table-background-header: $default-blaugrau, |
|
table-background-row-level-1: $aliceblue, |
|
table-background-row-level-2: $azure, |
|
table-background-row-level-3: $snow, |
|
table-background-row-level-4: $beige, |
|
table-background-row-level-5: $antiquewhite, |
|
table-background-row-level-6: $khaki, |
|
|
|
// --- Tabellen: Farben für einfache Tabellen--- |
|
table-color-special-value: $default-blaugrau, |
|
table-background-row-sum: $hellgrau, |
|
table-background-row-hover: $graublau, |
|
table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ |
|
table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ |
|
table-background-row-even-odd-hover: $hellgelb, |
|
); |
|
|
|
|
|
|