ode-bootstrap 1.1.4-dev.202306051725 → 1.1.4-feat-produit.202306051650

package/scss/variables/_colors.scss

@@ -1,153 +1,51 @@
-// Color System
+//Override Bootstrap default colors
+
 $white: #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
 $black: #000 !default;
 
-// Grey Palette
-$gray-100: $white !default;
-$gray-200: #fafafa !default;
-$gray-300: #f2f2f2 !default;
-$gray-400: #e4e4e4 !default;
-$gray-500: #c7c7c7 !default;
-$gray-600: #b0b0b0 !default;
-$gray-700: #909090 !default;
-$gray-800: #4a4a4a !default;
-$gray-900: $black !default;
-
-// Complementary Colors
-$blue: #2a9cc8 !default;
-$indigo: #1a22a2 !default;
-$purple: #763294 !default;
-$pink: #b930a2 !default;
-$red: #e13a3a !default;
-$orange: #ff8d2e !default;
-$yellow: #ecbe30 !default;
-$green: #46bfaf !default;
+$blue: #0d6efd !default;
+$indigo: #6610f2 !default;
+$purple: #6f42c1 !default;
+$pink: #d63384 !default;
+$red: #dc3545 !default;
+$orange: #fd7e14 !default;
+$yellow: #ffc107 !default;
+$green: #7dbf85 !default;
 $teal: #20c997 !default;
 $cyan: #0dcaf0 !default;
-
-// Pale, Light and Dark Palette
-$blue-100: #e4f4ff !default;
-$blue-200: #aadaed !default;
-$blue-500: $blue !default;
-$blue-900: #1b84ac !default;
-
-// Pale, Light and Dark Palette
-$indigo-100: #dde8fd !default;
-$indigo-200: #9297e5 !default;
-$indigo-500: $indigo !default;
-$indigo-900: #121982 !default;
-
-// Pale, Light and Dark Palette
-$purple-100: #f4eaf9 !default;
-$purple-200: #e4f4ff !default;
-$purple-500: $purple !default;
-$purple-900: #e7f5f4 !default;
-
-// Pale, Light and Dark Palette
-$pink-100: #ffe5fb !default;
-$pink-200: #e39cd7 !default;
-$pink-500: $pink !default;
-$pink-900: #9c2288 !default;
-
-// Pale, Light and Dark Palette
-$red-100: #ffd9d9 !default;
-$red-200: #f48a8a !default;
-$red-500: $red !default;
-$red-900: #c82222 !default;
-
-// Pale, Light and Dark Palette
-$orange-100: #ffefe3 !default;
-$orange-200: #ffc696 !default;
-$orange-500: $orange !default;
-$orange-900: #f17a17 !default;
-
-// Pale, Light and Dark Palette
-$yellow-100: #fff4d1 !default;
-$yellow-200: #f6de94 !default;
-$yellow-500: $yellow !default;
-$yellow-900: #daa910 !default;
-
-// Pale, Light and Dark Palette
-$green-100: #e7f5f4 !default;
-$green-200: #a2e0d8 !default;
-$green-500: $green !default;
-$green-900: #33a797 !default;
-
-// Main actions Colors
-$primary: $orange !default;
-$secondary: $blue !default;
-$tertiary: $gray-300 !default;
+$deep-blue: #2A9CC8 !default;
+
+$primary: $blue !default;
+$secondary: $gray-600 !default;
+$third: $deep-blue !default;
+$success: $green !default;
+$info: $cyan !default;
+$warning: $yellow !default;
+$danger: $red !default;
 $light: $gray-200 !default;
 $medium: $gray-500 !default;
-$dark: $gray-800 !default;
-
-// Main colors variants
-$primary-100: $orange-100 !default;
-$primary-200: $orange-200 !default;
-$primary-900: $orange-900 !default;
-$secondary-100: $blue-100 !default;
-$secondary-200: $blue-200 !default;
-$secondary-900: $blue-900 !default;
-
-// Support Palette
-$success: #7dbf85 !default;
-$info: #4bafd5 !default;
-$warning: #f59700 !default;
-$danger: #e13a3a !default;
-
-$danger-900: #d12a2a !default;
-$danger-200: #f3a6a6 !default;
-$danger-100: #ffe9e9 !default;
-
-$warning-900: #e68d00 !default;
-$warning-200: #f2c987 !default;
-$warning-100: #fdecd2 !default;
-
-$success-900: #70a977 !default;
-$success-200: #bbe1bf !default;
-$success-100: #daf1dd !default;
-
-$info-900: #3499bf !default;
-$info-200: #acd6e6 !default;
-$info-100: #d7e8ee !default;
-
-$support-colors: (
-  "success": (
-    base: $success,
-    pale: $success-100,
-    light: $success-200,
-    dark: $success-900,
-  ),
-  "info": (
-    base: $info,
-    pale: $info-100,
-    light: $info-200,
-    dark: $info-900,
-  ),
-  "warning": (
-    base: $warning,
-    pale: $warning-100,
-    light: $warning-200,
-    dark: $warning-900,
-  ),
-  "danger": (
-    base: $danger,
-    pale: $danger-100,
-    light: $danger-200,
-    dark: $danger-900,
-  ),
-) !default;
+$dark: $gray-700 !default;
+$ghost: #f5f5fb !default;
 
 $theme-colors: (
-  "primary": $primary,
-  "secondary": $secondary,
-  "tertiary": $tertiary,
-  "success": $success,
-  "info": $info,
-  "warning": $warning,
-  "danger": $danger,
-  "light": $light,
-  "medium": $medium,
-  "dark": $dark,
+    "primary": $primary,
+    "secondary": $secondary,
+    "third": $third,
+    "success": $success,
+    "info": $info,
+    "warning": $warning,
+    "danger": $danger,
+    "light": $light,
+    "medium": $medium,
+    "dark": $dark,
+    "ghost": $ghost
 ) !default;
-

package/scss/variables/_icons.scss

@@ -90,7 +90,7 @@ $icons-applications: (
     "glyph": "\e905",
   ),
   "actualites": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e85b",
   ),
   "admin-portal": (
@@ -114,11 +114,11 @@ $icons-applications: (
     "glyph": "\e809",
   ),
   "cahier-de-texte": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e910",
   ),
   "cahier-textes": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e86f",
   ),
   "calendar": (
@@ -126,15 +126,15 @@ $icons-applications: (
     "glyph": "\e834",
   ),
   "canal-numerique": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e80a",
   ),
   "cns": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e88a",
   ),
   "collaborative-wall": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e800",
   ),
   "collaborativeeditor": (
@@ -158,7 +158,7 @@ $icons-applications: (
     "glyph": "\e95f",
   ),
   "directory": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e811",
   ),
   "exercizer": (
@@ -178,7 +178,7 @@ $icons-applications: (
     "glyph": "\e95c",
   ),
   "forum": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e81e",
   ),
   "library": (
@@ -190,7 +190,7 @@ $icons-applications: (
     "glyph": "\e961",
   ),
   "mindmap": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e859",
   ),
   "minibadge": (
@@ -198,7 +198,7 @@ $icons-applications: (
     "glyph": "\e960",
   ),
   "notebook": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e8d4",
   ),
   "notes": (
@@ -206,7 +206,7 @@ $icons-applications: (
     "glyph": "\e806",
   ),
   "pad": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e829",
   ),
   "pages": (
@@ -226,11 +226,11 @@ $icons-applications: (
     "glyph": "\e94d",
   ),
   "poll": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e832",
   ),
   "polls": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e832",
   ),
   "presences": (
@@ -250,19 +250,19 @@ $icons-applications: (
     "glyph": "\e80e",
   ),
   "schoolbook": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e91e",
   ),
   "scrap-book": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e8d4",
   ),
   "scrapbook": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e8d4",
   ),
   "searchengine": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e8d0",
   ),
   "settings-class": (
@@ -282,7 +282,7 @@ $icons-applications: (
     "glyph": "\e909",
   ),
   "support": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e835",
   ),
   "timeline": (
@@ -294,23 +294,23 @@ $icons-applications: (
     "glyph": "\e819",
   ),
   "userbook": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e811",
   ),
   "userbook-mood": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e811",
   ),
   "userbook-moto": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e811",
   ),
   "video": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e872",
   ),
   "visioconf": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e957",
   ),
   "web-conference": (
@@ -318,7 +318,7 @@ $icons-applications: (
     "glyph": "\e957",
   ),
   "website": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e90a",
   ),
   "wiki": (
@@ -329,10 +329,6 @@ $icons-applications: (
     "color": $red,
     "glyph": "\e81b",
   ),
-  "placeholder": (
-    "color": $secondary,
-    "glyph": "",
-  ),
 ) !default;
 
 $icons-connectors: (
@@ -345,7 +341,7 @@ $icons-connectors: (
     "glyph": "\e816",
   ),
   "aide-devoirs": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e818",
   ),
   "agenda": (
@@ -353,7 +349,7 @@ $icons-connectors: (
     "glyph": "\e83c",
   ),
   "assistance": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e93c",
   ),
   "assr": (
@@ -361,11 +357,11 @@ $icons-connectors: (
     "glyph": "\e891",
   ),
   "award": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e818",
   ),
   "banquesavoir": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e88d",
   ),
   "bcdi": (
@@ -373,11 +369,11 @@ $icons-connectors: (
     "glyph": "\e88f",
   ),
   "biblionisep": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e8a4",
   ),
   "bookmark-empty": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e888",
   ),
   "canal-numerique": (
@@ -385,7 +381,7 @@ $icons-connectors: (
     "glyph": "\e80a",
   ),
   "ccn": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e90f",
   ),
   "cerise": (
@@ -393,7 +389,7 @@ $icons-connectors: (
     "glyph": "\e81c",
   ),
   "cervoprint": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e896",
   ),
   "charlemagne": (
@@ -409,7 +405,7 @@ $icons-connectors: (
     "glyph": "\e817",
   ),
   "cidj": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e893",
   ),
   "connecteur-generique1": (
@@ -425,7 +421,7 @@ $icons-connectors: (
     "glyph": "\e89e",
   ),
   "edumedia": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e887",
   ),
   "edumoov": (
@@ -449,11 +445,11 @@ $icons-connectors: (
     "glyph": "\e826",
   ),
   "europress": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e8a7",
   ),
   "gepi": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e89c",
   ),
   "glpi": (
@@ -461,11 +457,11 @@ $icons-connectors: (
     "glyph": "\e897",
   ),
   "hiboutheque": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e90e",
   ),
   "itopstore": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e895",
   ),
   "kne": (
@@ -485,7 +481,7 @@ $icons-connectors: (
     "glyph": "\e8a5",
   ),
   "lsu": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e93a",
   ),
   "madmagz": (
@@ -509,7 +505,7 @@ $icons-connectors: (
     "glyph": "\e89f",
   ),
   "monstageenligne": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e8a2",
   ),
   "moodle": (
@@ -525,7 +521,7 @@ $icons-connectors: (
     "glyph": "\e82e",
   ),
   "netvibes": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e8a1",
   ),
   "note": (
@@ -533,11 +529,11 @@ $icons-connectors: (
     "glyph": "\e806",
   ),
   "onisep": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e88c",
   ),
   "onisep2": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e894",
   ),
   "parametrage": (
@@ -545,11 +541,11 @@ $icons-connectors: (
     "glyph": "\e92f",
   ),
   "paraschool": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e82d",
   ),
   "pearltress": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e933",
   ),
   "picardie-cursus": (
@@ -557,7 +553,7 @@ $icons-connectors: (
     "glyph": "\e921",
   ),
   "pro-eps": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e884",
   ),
   "pronote": (
@@ -573,7 +569,7 @@ $icons-connectors: (
     "glyph": "\e93d",
   ),
   "residence-artiste": (
-    "color": $green,
+    "color": $teal,
     "glyph": "\e90f",
   ),
   "ressourcesdepartementale91": (
@@ -609,7 +605,7 @@ $icons-connectors: (
     "glyph": "\e879",
   ),
   "webclasseur": (
-    "color": $blue,
+    "color": $cyan,
     "glyph": "\e88c",
   ),
 ) !default;

package/scss/variables/_variables-bootstrap.scss

@@ -0,0 +1,107 @@
+/*
+Personnalisation de certains paramètres de boostrap
+Ajouter l'option !default pour permettre la surcharge depuis les thèmes
+Ref : https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
+*/
+// Body
+$body-bg: $gray-100 !default;
+$body-color: $gray-700 !default;
+
+$text-light: $gray-300 !default;
+$text-lightest: $white !default;
+$text-color: $gray-800 !default;
+
+$link-decoration: none !default;
+
+// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
+// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
+$min-contrast-ratio: 1.75 !default;
+
+// Grid breakpoints
+$grid-breakpoints: (
+    xxs: 0,
+    xs: 360px,
+    sm: 576px,
+    md: 768px,
+    lg: 992px,
+    xl: 1200px,
+    xxl: 1400px,
+) !default;
+
+// Components
+$border-radius-sm: 6px !default;
+$border-radius: 6px !default;
+$border-radius-lg: 10px !default;
+
+// Typography
+$font-family-sans-serif: "Roboto", sans-serif !default;
+$font-size-base: 1.4rem !default;
+$line-height-base: 1.6 !default;
+$small-font-size: 1.2rem !default;
+
+// Forms
+$input-border-color: $gray-300 !default;
+$input-focus-border-color: $secondary !default;
+$input-btn-padding-x: 1rem !default;
+$form-floating-padding-x: 1rem !default;
+$form-floating-padding-y: 1.25rem !default;
+$form-floating-height: 5rem !default;
+$form-floating-input-padding-t: 1.75rem !default;
+$form-floating-input-padding-b: 0.5rem !default;
+
+// Dropdowns
+$dropdown-link-color: $gray-700 !default;
+$dropdown-link-hover-color: darken($gray-900, 5%) !default;
+$dropdown-link-hover-bg: rgba($secondary, 0.1) !default;
+
+// Image thumbnails
+$thumbnail-bg: $white !default;
+
+// Cards
+$card-spacer-y: 25px !default;
+$card-spacer-x: 35px !default;
+$card-min-height: 110px !default;
+$card-width: 265px !default;
+
+// Modals
+$modal-backdrop-bg: $gray-800 !default;
+$modal-backdrop-opacity: 0.65 !default;
+$modal-footer-border-width: 0 !default;
+$modal-header-border-width: 0 !default;
+$modal-inner-padding: 1.5rem !default;
+$modal-content-border-width: 0 !default;
+
+// Offcanvas
+$offcanvas-padding-y: 1rem !default;
+$offcanvas-padding-x: 1rem !default;
+$offcanvas-vertical-height: auto !default;
+
+// Image thumbnails
+$thumbnail-bg: $white !default;
+$thumbnail-padding: .5rem!default;
+
+// Toast
+$toast-font-size: 1.4rem !default;
+$toast-padding-y: 15px !default;
+$toast-padding-x: 20px !default;
+$toast-background-color: #fff !default;
+$toast-header-background-color: #fff !default;
+$toast-max-width: 450px !default;
+
+// Table
+$table-color: $gray-700 !default;
+$table-striped-bg: rgba($gray-100, .25) !default;
+$table-border-color: $gray-100 !default;
+$table-cell-padding-y: 0.75rem !default;
+$table-cell-padding-x: 0.75rem !default;
+$table-cell-padding-y-sm: .5rem !default;
+$table-cell-padding-x-sm: .5rem !default;
+$table-hover-bg: $gray-100 !default;
+
+// Tabs
+$nav-link-color: $secondary !default;
+$nav-tabs-link-active-bg: $white !default;
+$nav-tabs-link-active-color: $gray-600 !default;
+
+// Z-index
+$zindex-offcanvas: 1050 !default;

package/scss/variables/_variables-ode.scss

@@ -0,0 +1,12 @@
+//Variables propres au framework ode-bootstrap
+
+// COLOR // shadow // A Garder ou unifier avec les var $box-shadow ?
+$shadow-lightest: rgba(#000, 0.1);
+$shadow-light: rgba(#000, 0.3);
+$shadow: rgba(#000, 0.6);
+$shadow-dark: rgba(#000, 0.8);
+
+// FONT PATHS
+$fonts-path: "fonts" !default;
+$fa-font-path: "#{$fonts-path}/fa" !default;
+$dyslexic-font-path: "#{$fonts-path}/dyslexic" !default;