feat(ui): remplace le logo et adapte les couleurs

feat/rubrique
Jérôme Lebleu 2021-09-27 09:37:18 +02:00
Parent a96c86a800
révision 694f923f64
7 fichiers modifiés avec 22 ajouts et 22 suppressions

Fichier binaire non affiché.

Avant

Largeur:  |  Hauteur:  |  Taille: 60 KiB

Après

Largeur:  |  Hauteur:  |  Taille: 68 KiB

Voir le fichier

@ -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

Voir le fichier

@ -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

Voir le fichier

@ -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>