@ihk-gfi/lux-components-theme 11.13.0 → 14.0.0

package/src/orange/_luxcommon.scss

@@ -1,84 +0,0 @@
-// Allgemein
-$dark-primary-text: rgba(black, 0.87);
-$dark-secondary-text: rgba(black, 0.65);
-$dark-disabled-text: rgba(black, 0.40);
-$dark-dividers: rgba(black, 0.20);
-$dark-focused: rgba(black, 0.12);
-
-$light-primary-text: white;
-$light-secondary-text: rgba(white, 0.7);
-$light-disabled-text: rgba(white, 0.5);
-$light-dividers: rgba(white, 0.20);
-$light-focused: rgba(white, 0.12);
-
-// App
-$app-header-bg: #9b6100;
-$app-content-bg: #f0f0f2;
-$app-footer-bg: #b98b4a;
-$app-data-bg: #ffffff;
-
-// Form
-$form-border-color: rgba(0, 0, 0, 0.42);
-$form-control-default-height-not-scalable: 30px;
-$form-control-height: 24px;
-$form-control-height-small: 18px;
-$form-control-font-size: 15px;
-$form-control-font-size-small: 12px;
-
-// Button
-$button-height: 45px;
-$button-fav-height: 45px;
-
-// Fokus
-$outline-color-bright: #ffffff;
-$outline-color-dark: #000000;
-
-// Hover
-$lux-hover-color: #f1e4bc;
-$lux-hover-color-for-dark-background: #9b6100;
-
-// Selektion
-$lux-selected-border-color: #b3790b;
-$lux-selected-bg-color: #f1e4bc;
-
-// Stepper (large)
-$lux-stepper-large-backdrop-bg: #636d76;
-$lux-stepper-large-completed-fc: #2E8533;
-
-$lux-stepper-large-nav-item-active-fc: #ffffff;
-$lux-stepper-large-nav-item-active-bg: #003366;
-$lux-stepper-large-nav-item-disabled-fg: #003366;
-$lux-stepper-large-nav-item-disabled-bg: #eff3f6;
-$lux-stepper-large-nav-item-completed-fg: #ffffff;
-$lux-stepper-large-nav-item-completed-bg: #2E8533;
-
-// Hintergrundfarben (z.B. Badge oder Progress)
-$componentBgColors: (
-  "red": #b01211,
-  "green": #3e8320,
-  "purple": #9900B8,
-  "blue": #00569a,
-  "gray": $dark-secondary-text,
-  "orange": #c75000,
-  "brown": #783f04,
-  "black": $dark-primary-text,
-  "white": #ffffff
-);
-
-// Vordergrundfarben (z.B. Badge)
-$componentFontColors: (
-  black: #000000,
-  white: #ffffff
-);
-
-// Farben für einen dunklen Hintergrund (z.B. Snackbar).
-$colorsForDarkBg: (
-  "red": #f17474,
-  "green": #53b12b,
-  "purple": #e561ff,
-  "blue": #729eca,
-  "gray": #c8c8c8,
-  "orange": #ec9c1b,
-  "brown": #eb7c05,
-  "white": #ffffff
-);

package/src/orange/_luxpalette.scss

@@ -1,106 +0,0 @@
-/*
-  Dieses Partial-SCSS dient der Verwaltung der Farb-Paletten für die LUX-Components.
-*/
-
-$lux-palette_primary: (
-        50 : #f9f4e4,
-        100 : #f1e4bc,
-        200 : #e8d290,
-        300 : #dec063,
-        400 : #d7b341,
-        500 : #d0a520,
-        600 : #cb9d1c,
-        700 : #c49318,
-        800 : #be8a13,
-        900 : #b3790b,
-        A100 : #fff3e0,
-        A200 : #ffe0ad,
-        A400 : #ffcc7a,
-        A700 : #ffc260,
-        contrast: (
-                50 : #000000,
-                100 : #000000,
-                200 : #000000,
-                300 : #000000,
-                400 : #000000,
-                500 : #000000,
-                600 : #000000,
-                700 : #000000,
-                800 : #000000,
-                900 : #ffffff,
-                A100 : #000000,
-                A200 : #000000,
-                A400 : #000000,
-                A700 : #000000,
-        )
-);
-
-$lux-palette_accent: (
-        50 : #e8f0f8,
-        100 : #c5daee,
-        200 : #9ec2e3,
-        300 : #77aad7,
-        400 : #5a97cf,
-        500 : #3d85c6,
-        600 : #377dc0,
-        700 : #2f72b9,
-        800 : #2768b1,
-        900 : #1a55a4,
-        A100 : #dae9ff,
-        A200 : #a7caff,
-        A400 : #74abff,
-        A700 : #5b9cff,
-        contrast: (
-                50 : #000000,
-                100 : #000000,
-                200 : #000000,
-                300 : #000000,
-                400 : #000000,
-                500 : #ffffff,
-                600 : #ffffff,
-                700 : #ffffff,
-                800 : #ffffff,
-                900 : #ffffff,
-                A100 : #000000,
-                A200 : #000000,
-                A400 : #000000,
-                A700 : #000000,
-        )
-);
-
-$lux-palette_warn: (
-        50 : #F6E3E2,
-        100 : #e7b8b8,
-        200 : #d88988,
-        300 : #c85958,
-        400 : #bc3635,
-        500 : #b01211,
-        600 : #a9100f,
-        700 : #a00d0c,
-        800 : #970a0a,
-        900 : #870505,
-        A100 : #eccaca,
-        A200 : #ff8181,
-        A400 : #ff4e4e,
-        A700 : #ff3535,
-        contrast: (
-                50 : #000000,
-                100 : #000000,
-                200 : #000000,
-                300 : #ffffff,
-                400 : #ffffff,
-                500 : #ffffff,
-                600 : #ffffff,
-                700 : #ffffff,
-                800 : #ffffff,
-                900 : #ffffff,
-                A100 : #000000,
-                A200 : #000000,
-                A400 : #000000,
-                A700 : #ffffff,
-        )
-);
-
-$lux-primary-color: map-get($lux-palette_primary, 500);
-$lux-accent-color: map-get($lux-palette_accent, 500);
-$lux-warn-color: map-get($lux-palette_warn, 500);

package/src/orange/luxtheme.scss

@@ -1,10 +0,0 @@
-@import "luxpalette";
-@import "../public/global";
-@import "luxcommon";
-@import "../base/luxcomponents";
-@import "../base/luxfocus";
-@import "../base/luxstyles";
-@import "../../node_modules/@angular/material/theming";
-@import "../base/luxtheme";
-@import "custom";
-