kern/superx/style/scss/config/_sx_variables.scss

// config/_sx_variables.scss
// Inhalt: Default-Einzelvariablen für Farben, Buttons, Rahmen,
// Typografie, Formulare, etc.

@charset "utf-8";

// --- 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%);

// ================================
// --- Default-Werte: Lightmode ---
// ================================

$defaults-light: (

    // --- Body ---
    body-background: white,
    hr-background-color: whitesmoke,

    // --- Buttons ---
    button-background: inherit,
    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: white,
    input-background-ndSchluesselfeld: $weißgelb, 
    input-container-background: inherit,
    sichtentreeCaret-color: #014A7B,

    // --- Field_Dialogue ---
    navbar-dialogue-background: $default-blaugrau,
    title-dialogue-color: $dklgrau, 
    
    // --- Navigation, Breadcrumb ---
    breadcrumbSeparator-color: $dklgrau, 
    navbar-background: $default-blaugrau,
    themenbaumCaret-color: $dklgrau,
   
    // --- Rahmen ---
    border-color: $mittelgrau, 
    border-style: thin solid $mittelgrau, 
    border-radius: .3em, 
    
    // --- Schrift ---
    font-color: $dklgrau,
    font-family: sans-serif,
    font-weight: normal,
    font-size: 13px,
    
    // --- 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, 
);

// ================================
// --- Default-Werte: Darkmode ---
// ================================
$defaults-dark: (

    // --- Body ---
    body-background: white,
    hr-background-color: whitesmoke,

    // --- Buttons ---
    button-background: white,
    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: white,
    input-container-background: inherit,
    sichtentreeCaret-color: #014A7B,
    input-background-ndSchluesselfeld: $weißgelb, 

    // --- Field_Dialogue ---
    navbar-dialogue-background: $default-blaugrau,
    title-dialogue-color: $dklgrau, 
    
    // --- Navigation, Breadcrumb ---
    breadcrumbSeparator-color: $dklgrau, 
    navbar-background: $default-blaugrau,
    themenbaumCaret-color: $dklgrau,
   
    // --- Rahmen ---
    border-color: $mittelgrau, 
    border-style: thin solid $mittelgrau, 
    border-radius: .3em, 
    
    // --- Schrift allgemein ---
    font-color: $dklgrau !important,
        
    // --- Tooltips, Warnungen, Fehler
    tooltip-background: $royalblue,
    tooltip-font-color: white,
    error-color: $rot,
    text-muted-color: $mittelgrau, 

    // --- Tabellen: Farben für Hierarchieebenen ---
    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-background-header: $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, 
    table-color-special-value: $default-blaugrau, 
);