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

Mise à jour du layout

Browse Source
This commit is contained in:
Rampeur
2025-08-13 01:28:11 +02:00
parent 0a6cbc0c00
commit 977104aac2
22 changed files with 267 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/styles.scss
+81 -76
View File
@@ -21,52 +21,57 @@ File: scss
@import "bootstrap/scss/variables-dark";
@import "bootstrap/scss/maps";
@import "bootstrap/scss/mixins";
@import "bootstrap/scss/root";
// Optional components
@import "bootstrap/scss/utilities";
// Layout & components
@import "bootstrap/scss/root";
@import "bootstrap/scss/reboot";
@import "bootstrap/scss/type";
@import "bootstrap/scss/containers";
@import "bootstrap/scss/grid";
@import "bootstrap/scss/helpers";
@import "bootstrap/scss/utilities/api";
//@import "bootstrap/scss/tables";
@import "bootstrap/scss/badge";
@import "bootstrap/scss/type";
@import "bootstrap/scss/transitions";
@import "bootstrap/scss/pagination";
@import "bootstrap/scss/badge";
@import "bootstrap/scss/alert";
// Helpers
@import "bootstrap/scss/helpers";
// Utilities
@import "bootstrap/scss/utilities/api";
@include mat.core();
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/
//$headup_app-primary: mat.define-palette(mat.$light-green-palette);
//$headup_app-accent: mat.define-palette(mat.$blue-grey-palette, A200, A100, A400);
//$headup_app-warn: mat.define-palette(mat.$blue-palette);
//$adastra_app-primary: mat.define-palette(mat.$light-green-palette);
//$adastra_app-accent: mat.define-palette(mat.$blue-grey-palette, A200, A100, A400);
//$adastra_app-warn: mat.define-palette(mat.$blue-palette);
$headup_app-primary: mat.define-palette($md-custom-primary, 500);
$headup_app-accent: mat.define-palette($md-custom-accent, A200, A100, A400);
$headup_app-warn: mat.define-palette($md-custom-warn);
$headup_app-danger: mat.define-palette(mat.$red-palette);
$headup_app-success: mat.define-palette(mat.$green-palette);
$headup_app-info: mat.define-palette(mat.$blue-palette);
$headup_app-warning: mat.define-palette($md-custom-orange);
$adastra_app-primary: mat.define-palette($md-custom-primary, 500);
$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);
$headup_app-turquoise: mat.define-palette($md-custom-turquoise);
$headup_app-cyan: mat.define-palette($md-custom-cyan);
$headup_app-navy: mat.define-palette($md-custom-navy);
$headup_app-purple: mat.define-palette($md-custom-purple);
$headup_app-raspberry: mat.define-palette($md-custom-raspberry);
$headup_app-orange: mat.define-palette($md-custom-orange);
$headup_app-yellow: mat.define-palette($md-custom-yellow);
$headup_app-teal: mat.define-palette($md-custom-teal);
$headup_app-magenta: mat.define-palette($md-custom-magenta);
$headup_app-pink: mat.define-palette($md-custom-pink);
$headup_app-megna: mat.define-palette($md-custom-megna);
$headup_app-purple-light: mat.define-palette($md-custom-purple-light);
$headup_app-navy-light: mat.define-palette($md-custom-navy-light);
$adastra_app-turquoise: mat.define-palette($md-custom-turquoise);
$adastra_app-cyan: mat.define-palette($md-custom-cyan);
$adastra_app-navy: mat.define-palette($md-custom-navy);
$adastra_app-purple: mat.define-palette($md-custom-purple);
$adastra_app-raspberry: mat.define-palette($md-custom-raspberry);
$adastra_app-orange: mat.define-palette($md-custom-orange);
$adastra_app-yellow: mat.define-palette($md-custom-yellow);
$adastra_app-teal: mat.define-palette($md-custom-teal);
$adastra_app-magenta: mat.define-palette($md-custom-magenta);
$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);
$custom-typography: mat.define-typography-config(
$font-family: 'Barlow, sans-serif',
@@ -88,68 +93,68 @@ $custom-typography: mat.define-typography-config(
// Create the theme object. A theme consists of configurations for individual
// theming systems such as "color" or "typography".
$headup_app-theme: mat.define-dark-theme((
$adastra_app-theme: mat.define-light-theme((
color: (
primary: $headup_app-primary,
accent: $headup_app-accent,
warn: $headup_app-warn,
primary: $adastra_app-primary,
accent: $adastra_app-accent,
warn: $adastra_app-warn,
),
typography: $custom-typography,
density: 0
));
$headup_app-variants: (
danger: $headup_app-danger,
success: $headup_app-success,
info: $headup_app-info,
warning: $headup_app-warning,
turquoise: $headup_app-turquoise,
cyan: $headup_app-cyan,
navy: $headup_app-navy,
purple: $headup_app-purple,
raspberry: $headup_app-raspberry,
orange: $headup_app-orange,
yellow: $headup_app-yellow,
teal: $headup_app-teal,
magenta: $headup_app-magenta,
pink: $headup_app-pink,
megna: $headup_app-megna,
purple-light: $headup_app-purple-light,
navy-light: $headup_app-navy-light
$adastra_app-variants: (
danger: $adastra_app-danger,
success: $adastra_app-success,
info: $adastra_app-info,
warning: $adastra_app-warning,
turquoise: $adastra_app-turquoise,
cyan: $adastra_app-cyan,
navy: $adastra_app-navy,
purple: $adastra_app-purple,
raspberry: $adastra_app-raspberry,
orange: $adastra_app-orange,
yellow: $adastra_app-yellow,
teal: $adastra_app-teal,
magenta: $adastra_app-magenta,
pink: $adastra_app-pink,
megna: $adastra_app-megna,
purple-light: $adastra_app-purple-light,
navy-light: $adastra_app-navy-light
);
/*
$config: mat.get-color-config($headup_app-theme);
$config: mat.get-color-config($adastra_app-theme);
$foreground: map.get($config, foreground);
$background: map.get($config, background);
*/
$foreground: map.get($headup_app-theme, foreground);
$background: map.get($headup_app-theme, background);
$foreground: map.get($adastra_app-theme, foreground);
$background: map.get($adastra_app-theme, background);
/*
@use './components';
@include mat.core-theme($headup_app-theme);
@include mat.button-theme($headup_app-theme);
@include mat.badge-theme($headup_app-theme);
@include mat.icon-theme($headup_app-theme);
@include mat.icon-button-theme($headup_app-theme);
@include mat.toolbar-theme($headup_app-theme);
@include mat.card-theme($headup_app-theme);
@include mat.table-theme($headup_app-theme);
@include mat.sort-theme($headup_app-theme);
@include mat.paginator-theme($headup_app-theme);
@include mat.tabs-theme($headup_app-theme);
@include mat.form-field-theme($headup_app-theme);
@include mat.input-theme($headup_app-theme);
@include mat.select-theme($headup_app-theme);
@include mat.progress-spinner-theme($headup_app-theme);
@include mat.dialog-theme($headup_app-theme);
@include mat.menu-theme($headup_app-theme);
@include mat.snack-bar-theme($headup_app-theme);
@include components.theme($headup_app-theme, $custom-typography, $headup_app-variants);
@include mat.core-theme($adastra_app-theme);
@include mat.button-theme($adastra_app-theme);
@include mat.badge-theme($adastra_app-theme);
@include mat.icon-theme($adastra_app-theme);
@include mat.icon-button-theme($adastra_app-theme);
@include mat.toolbar-theme($adastra_app-theme);
@include mat.card-theme($adastra_app-theme);
@include mat.table-theme($adastra_app-theme);
@include mat.sort-theme($adastra_app-theme);
@include mat.paginator-theme($adastra_app-theme);
@include mat.tabs-theme($adastra_app-theme);
@include mat.form-field-theme($adastra_app-theme);
@include mat.input-theme($adastra_app-theme);
@include mat.select-theme($adastra_app-theme);
@include mat.progress-spinner-theme($adastra_app-theme);
@include mat.dialog-theme($adastra_app-theme);
@include mat.menu-theme($adastra_app-theme);
@include mat.snack-bar-theme($adastra_app-theme);
@include components.theme($adastra_app-theme, $custom-typography, $adastra_app-variants);
*/
@include mat.all-component-themes($headup_app-theme);
@include components.theme($headup_app-theme, $custom-typography, $headup_app-variants);
@include mat.all-component-themes($adastra_app-theme);
@include components.theme($adastra_app-theme, $custom-typography, $adastra_app-variants);
//@import "chartist/dist/index";