julien/adastra_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mise à jour graphique

Browse Source
This commit is contained in:
Rampeur
2025-09-23 22:25:08 +02:00
parent 65ae9fce4b
commit 8b098f7545
31 changed files with 753 additions and 1044 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/styles.scss
+40 -11
View File
@@ -4,6 +4,7 @@ Author: UnEspace
Email: rampeur@gmail.com
File: scss
*/
@use 'sass:color';
@use 'sass:map';
@use './components';
@use '@angular/material' as mat;
@@ -52,12 +53,17 @@ File: scss
//$adastra_app-warn: mat.define-palette(mat.$blue-palette);
$adastra_app-primary: mat.define-palette($md-custom-primary, 500);
$adastra_app-secondary: mat.define-palette($md-custom-warn);
$adastra_app-accent: mat.define-palette($md-custom-accent, A200, A100, A400);
$adastra_app-warn: mat.define-palette($md-custom-warn);
$adastra_app-danger: mat.define-palette(mat.$red-palette);
$adastra_app-success: mat.define-palette(mat.$green-palette);
$adastra_app-info: mat.define-palette(mat.$blue-palette);
$adastra_app-warning: mat.define-palette($md-custom-orange);
//$adastra_app-warn: mat.define-palette($md-custom-warn);
$adastra_app-warn: mat.define-palette($md-custom-raspberry, 400);
$adastra_app-danger: mat.define-palette($md-custom-red, 700);
$adastra_app-success: mat.define-palette($md-custom-green);
$adastra_app-info: mat.define-palette($md-custom-blue);
$adastra_app-warning: mat.define-palette($md-custom-orange, 700);
$adastra_app-blue: mat.define-palette($md-custom-blue, 700);
$adastra_app-red: mat.define-palette($md-custom-red);
$adastra_app-green: mat.define-palette($md-custom-green, 400);
$adastra_app-turquoise: mat.define-palette($md-custom-turquoise);
$adastra_app-cyan: mat.define-palette($md-custom-cyan);
@@ -72,6 +78,8 @@ $adastra_app-pink: mat.define-palette($md-custom-pink);
$adastra_app-megna: mat.define-palette($md-custom-megna);
$adastra_app-purple-light: mat.define-palette($md-custom-purple-light);
$adastra_app-navy-light: mat.define-palette($md-custom-navy-light);
$adastra_app-grey: mat.define-palette(mat.$grey-palette, 400);
$adastra_app-muted: mat.define-palette(mat.$grey-palette, 300);
$custom-typography: mat.define-typography-config(
$font-family: 'Barlow, sans-serif',
@@ -93,6 +101,7 @@ $custom-typography: mat.define-typography-config(
// Create the theme object. A theme consists of configurations for individual
// theming systems such as "color" or "typography".
//$adastra_app-theme: mat.define-dark-theme((
$adastra_app-theme: mat.define-light-theme((
color: (
primary: $adastra_app-primary,
@@ -104,23 +113,29 @@ $adastra_app-theme: mat.define-light-theme((
));
$adastra_app-variants: (
secondary: $adastra_app-secondary,
danger: $adastra_app-danger,
success: $adastra_app-success,
info: $adastra_app-info,
warning: $adastra_app-warning,
turquoise: $adastra_app-turquoise,
red: $adastra_app-red,
green: $adastra_app-green,
blue: $adastra_app-blue,
cyan: $adastra_app-cyan,
teal: $adastra_app-teal,
turquoise: $adastra_app-turquoise,
megna: $adastra_app-megna,
navy: $adastra_app-navy,
purple: $adastra_app-purple,
navy-light: $adastra_app-navy-light,
raspberry: $adastra_app-raspberry,
orange: $adastra_app-orange,
yellow: $adastra_app-yellow,
teal: $adastra_app-teal,
purple: $adastra_app-purple,
purple-light: $adastra_app-purple-light,
magenta: $adastra_app-magenta,
pink: $adastra_app-pink,
megna: $adastra_app-megna,
purple-light: $adastra_app-purple-light,
navy-light: $adastra_app-navy-light
grey: $adastra_app-grey,
muted: $adastra_app-muted
);
/*
$config: mat.get-color-config($adastra_app-theme);
@@ -158,6 +173,20 @@ $background: map.get($adastra_app-theme, background);
//@import "chartist/dist/index";
@each $variant, $var-color in $grays {
.bg-gray-#{"" + $variant} {
--#{$prefix}-bg-opacity: 1;
background-color: RGBA(color.red($var-color), color.green($var-color), color.blue($var-color), var(--#{$prefix}bg-opacity, 1)) !important;
/* background-color: RGBA(color.channel($var-color, "red"), color.channel($var-color, "green"), color.channel($var-color, "blue"), var(--#{$prefix}bg-opacity, 1)) !important; */
}
}
@each $variant, $variant-palette in $adastra_app-variants {
.text-bg-#{"" + $variant} {
color: mat.get-contrast-color-from-palette($variant-palette, 500) !important;
}
}
@import 'spinner';
@import 'icomoon';
@import 'header';