feat(ui): remplace le logo et adapte les couleurs
Parent
a96c86a800
révision
694f923f64
Fichier binaire non affiché.
Avant Largeur: | Hauteur: | Taille: 60 KiB Après Largeur: | Hauteur: | Taille: 68 KiB |
|
@ -16,11 +16,11 @@ $gray: #adb4b8;
|
|||
$dark: #374955;
|
||||
$black: #000;
|
||||
|
||||
$blue: #3985ac;
|
||||
$green: #5a8b27;
|
||||
$orange: #e99331;
|
||||
$blue: #3883ae;
|
||||
$green: #498231;
|
||||
$yellow: #f2a726;
|
||||
|
||||
$primary: #2a6787;
|
||||
$primary: #286688;
|
||||
$success: #74b334;
|
||||
$danger: #bc5f5d;
|
||||
|
||||
|
@ -32,7 +32,7 @@ $theme-colors: (
|
|||
'dark': $dark,
|
||||
'blue': $blue,
|
||||
'green': $green,
|
||||
'orange': $orange,
|
||||
'yellow': $yellow,
|
||||
);
|
||||
|
||||
$min-contrast-ratio: 3;
|
||||
|
@ -155,7 +155,7 @@ $carousel-indicator-height: 14px;
|
|||
$carousel-indicator-hit-area-height: 8px;
|
||||
$carousel-indicator-spacer: 4px;
|
||||
$carousel-indicator-opacity: 0.4;
|
||||
$carousel-indicator-active-bg: $orange;
|
||||
$carousel-indicator-active-bg: $yellow;
|
||||
|
||||
// Close
|
||||
|
||||
|
|
Diff de fichier supprimé car une ou plusieurs lignes sont trop longues
|
@ -15,7 +15,7 @@ BUTTON_STYLES = [
|
|||
Style('primary', "Bleu foncé (principal)", 'btn-primary'),
|
||||
Style('blue', "Bleu", 'btn-blue'),
|
||||
Style('green', "Vert", 'btn-green'),
|
||||
Style('orange', "Orange", 'btn-orange'),
|
||||
Style('yellow', "Jaune", 'btn-yellow'),
|
||||
Style('light', "Blanc", 'btn-light'),
|
||||
]
|
||||
BUTTON_DEFAULT_STYLE = 'primary'
|
||||
|
@ -25,7 +25,7 @@ HERO_STYLES = [
|
|||
Style('primary', "Bleu foncé (principal)", 'bg-primary text-white'),
|
||||
Style('blue', "Bleu", 'bg-blue text-white'),
|
||||
Style('green', "Vert", 'bg-green text-white'),
|
||||
Style('orange', "Orange", 'bg-orange'),
|
||||
Style('yellow', "Jaune", 'bg-yellow'),
|
||||
]
|
||||
HERO_DEFAULT_STYLE = 'white'
|
||||
|
||||
|
|
Diff de fichier supprimé car une ou plusieurs lignes sont trop longues
Diff de fichier supprimé car une ou plusieurs lignes sont trop longues
|
@ -559,8 +559,8 @@
|
|||
A simple green alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="alert alert-orange alert-dismissible fade show" role="alert">
|
||||
A simple orange alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
|
||||
<div class="alert alert-yellow alert-dismissible fade show" role="alert">
|
||||
A simple yellow alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
|
@ -594,7 +594,7 @@
|
|||
<p class="h1">Example heading <span class="badge bg-primary">New</span></p>
|
||||
<p class="h2">Example heading <span class="badge bg-blue">New</span></p>
|
||||
<p class="h3">Example heading <span class="badge bg-green">New</span></p>
|
||||
<p class="h4">Example heading <span class="badge bg-orange">New</span></p>
|
||||
<p class="h4">Example heading <span class="badge bg-yellow">New</span></p>
|
||||
</div>
|
||||
|
||||
<div class="bd-example">
|
||||
|
@ -602,7 +602,7 @@
|
|||
<span class="badge rounded-pill bg-primary">Primary</span>
|
||||
<span class="badge rounded-pill bg-blue">Blue</span>
|
||||
<span class="badge rounded-pill bg-green">Green</span>
|
||||
<span class="badge rounded-pill bg-orange">Orange</span>
|
||||
<span class="badge rounded-pill bg-yellow">Yellow</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
@ -635,7 +635,7 @@
|
|||
<button type="button" class="btn btn-primary">Primary</button>
|
||||
<button type="button" class="btn btn-blue">Blue</button>
|
||||
<button type="button" class="btn btn-green">Green</button>
|
||||
<button type="button" class="btn btn-orange">Orange</button>
|
||||
<button type="button" class="btn btn-yellow">Yellow</button>
|
||||
<button type="button" class="btn btn-light">Light</button>
|
||||
|
||||
<button type="button" class="btn btn-link">Link</button>
|
||||
|
@ -645,7 +645,7 @@
|
|||
<button type="button" class="btn btn-outline-primary">Primary</button>
|
||||
<button type="button" class="btn btn-outline-blue">Blue</button>
|
||||
<button type="button" class="btn btn-outline-green">Green</button>
|
||||
<button type="button" class="btn btn-outline-orange">Orange</button>
|
||||
<button type="button" class="btn btn-outline-yellow">Yellow</button>
|
||||
</div>
|
||||
|
||||
<div class="bd-example">
|
||||
|
@ -898,8 +898,8 @@
|
|||
</ul>
|
||||
</div><!-- /btn-group -->
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-orange">Orange</button>
|
||||
<button type="button" class="btn btn-orange dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<button type="button" class="btn btn-yellow">Yellow</button>
|
||||
<button type="button" class="btn btn-yellow dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<span class="visually-hidden">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
|
@ -1012,9 +1012,9 @@
|
|||
</div>
|
||||
|
||||
<div class="bd-example">
|
||||
<section class="px-4 py-5 bg-orange">
|
||||
<section class="px-4 py-5 bg-yellow">
|
||||
<div class="container text-center">
|
||||
<h1 class="display-5 fw-bold">Orange hero</h1>
|
||||
<h1 class="display-5 fw-bold">Yellow hero</h1>
|
||||
<div class="col-lg-6 mx-auto">
|
||||
<p class="lead mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat ut orci vel feugiat. Ut pellentesque vehicula euismod. Donec pulvinar semper aliquam.</p>
|
||||
</div>
|
||||
|
@ -1057,7 +1057,7 @@
|
|||
<a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
|
||||
<a href="#" class="list-group-item list-group-item-action list-group-item-blue">A simple blue list group item</a>
|
||||
<a href="#" class="list-group-item list-group-item-action list-group-item-green">A simple green list group item</a>
|
||||
<a href="#" class="list-group-item list-group-item-action list-group-item-orange">A simple orange list group item</a>
|
||||
<a href="#" class="list-group-item list-group-item-action list-group-item-yellow">A simple yellow list group item</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Chargement…
Référencer dans un nouveau ticket