@unifylib/ui-lib 1.0.3 → 1.1.3

package/src/lib/styles/invoiceq-theme.scss

@@ -1,252 +0,0 @@
-@use '@angular/material' as mat;
-
-@include mat.core();
-
-//@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
-
-// Define a custom typography config that overrides the font-family as well as the
-// `headlines` and `body-1` levels.
-
-$custom-typography: mat.define-typography-config(
-        $font-family: 'Cairo',
-        $headline-1: mat.define-typography-level(112px, 112px, 300),
-        $headline-2: mat.define-typography-level(56px, 56px, 400),
-        $headline-3: mat.define-typography-level(45px, 48px, 400),
-        $headline-4: mat.define-typography-level(34px, 40px, 400),
-        $headline-5: mat.define-typography-level(24px, 32px, 400),
-        $headline-6: mat.define-typography-level(20px, 32px, 500),
-        $subtitle-2: mat.define-typography-level(16px, 28px, 400),
-        $subtitle-1: mat.define-typography-level(15px, 24px, 400),
-        $body-2: mat.define-typography-level(14px, 24px, 500),
-        $body-1: mat.define-typography-level(14px, 20px, 400),
-        $caption: mat.define-typography-level(12px, 20px, 400),
-        $button: mat.define-typography-level(14px, 14px, 500),
-        $overline: mat.define-typography-level(inherit, 1.125, 400)
-);
-
-@include mat.all-component-themes($custom-typography);
-// Override typography for all Angular Material, including mat-base-typography and all components.
-@include mat.all-component-typographies($custom-typography);
-
-@include mat.core-theme($custom-typography);
-
-/* For use in src/lib/core/theming/_palette.scss */
-$md-primary: (
-        50 : #e3f4f5,
-        100 : #b8e4e6,
-        200 : #89d2d5,
-        300 : #59bfc4,
-        400 : #36b2b8,
-        500 : var(--primary-color),
-        600 : #109ca4,
-        700 : #0d929a,
-        800 : #0a8991,
-        900 : #057880,
-        A100 : #aef9ff,
-        A200 : #7bf4ff,
-        A400 : #48f0ff,
-        A700 : #2feeff,
-        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,
-        )
-);
-
-$md-accent: (
-        50 : #e0e0e0,
-        100 : #b3b3b3,
-        200 : #808080,
-        300 : #4d4d4d,
-        400 : #262626,
-        500 : var(--accent-color),
-        600 : #000000,
-        700 : #000000,
-        800 : #000000,
-        900 : #000000,
-        A100 : #a6a6a6,
-        A200 : #8c8c8c,
-        A400 : #737373,
-        A700 : #666666,
-        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 : #ffffff,
-                A700 : #ffffff,
-        )
-);
-
-$md-warn: (
-        50 : #f9e0e0,
-        100 : #f0b3b3,
-        200 : #e68080,
-        300 : #db4d4d,
-        400 : #d42626,
-        500 : #cc0000,
-        600 : #c70000,
-        700 : #c00000,
-        800 : #b90000,
-        900 : #ad0000,
-        A100 : #ffd7d7,
-        A200 : #ffa4a4,
-        A400 : #ff7171,
-        A700 : #ff5858,
-        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 : #000000,
-        )
-);
-
-
-$my-theme-primary: mat.define-palette($md-primary);
-$my-theme-accent: mat.define-palette($md-accent);
-//the third, for the warn color, is the predefined material red palette
-$my-theme-warn: mat.define-palette(mat.$red-palette);
-
-$invoiceq-theme: mat.define-light-theme($my-theme-primary, $my-theme-accent, $my-theme-warn);
-
-@include mat.all-component-themes($invoiceq-theme);
-
-:root {
-  --primary-color: #00A8C4;
-  --background-color: white;
-  --accent-color: #222222;
-  --primary-color-2nd: #1C355E;
-}
-
-.primpary-color-a40 {
-  background-color: rgba(var(--primary-color), 0.4);
-}
-
-.mat-button-toggle {
-  background-color: mat.get-color-from-palette($md-primary);
-  color: mat.get-color-from-palette($md-primary, default-contrast);
-}
-
-.mat-sort-header-arrow {
-  color: white !important;
-}
-.mat-button-toggle-checked {
-  background-color: mat.get-color-from-palette($md-accent);
-  color: mat.get-color-from-palette($md-accent, default-contrast);
-}
-
-.mat-checkbox-layout { white-space: normal !important; }
-.mat-form-field-wrapper {
-  padding-bottom: 0.25em;
-}
-
-.mat-form-field-prefix {
-  align-self: center;
-  margin-top: -2px;
-  font-weight: bold;
-}
-
-.mat-form-field {
-  font-size: 14px;
-  //font-weight: bold;
-  //border-radius: 12px !important;
-}
-
-.mat-form-field-appearance-outline .mat-form-field-outline {
-  background-color: white;
-  border-radius: 5px;
-}
-
-.mat-list-option[aria-selected="true"] {
-  background: transparent !important;
-  color: var(--primary-color);
-}
-.mat-list-option {
-  background: transparent !important;
-  margin-top: 1px;
-}
-.mat-select-panel {
-  font-size: 18px;
-  width: 50%;
-}
-.mat-list-option:hover {
-  font-weight: bold;
-  background-color: transparent !important;
-}
-
-.mat-drawer-container {
-  background-color: transparent !important;
-}
-
-tr.mat-row:hover {
-  font-weight: bold;
-  box-shadow: 1px 3px 3px rgba(0,0,0,0.25);
-
-  transform: scale(1);
-}
-.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
-  background-color: var(--accent-color);
-}
-
-.no-data {
-  pointer-events: none;
-}
-.allow-no-data {
-  color: red;
-}
-
-
-.iq_loading {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.15);
-  z-index: 1000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-
-.primary-chip {
-  background-color: var(--primary-color);
-}
-
-.accent-chip {
-  background-color: var(--accent-color);
-}
-
-
-
-//.mat-sidenav-container { background-color: transparent!important; }