fix: ajout style clair palette

Fixes #19
This commit is contained in:
Kazhnuz Klappsthul 2023-05-21 16:12:00 +02:00
parent b6ed0f632f
commit a1518ce16e
4 changed files with 265 additions and 148 deletions

View File

@ -2,7 +2,7 @@
if ($flags) {
foreach( $flags as $flag ) {
$term_meta = get_option( "taxonomy_term_$flag->term_id" );
echo "<div class='toast bg-" . $term_meta['niveau'] . "'>";
echo "<div class='toast bg-soft-" . $term_meta['niveau'] . "'>";
echo $flag->description;
echo "</div>";
}

View File

@ -9,7 +9,7 @@ if ($flags) {
foreach( $flags as $flag ) {
if ($flag->slug == "global") {
$term_meta = get_option( "taxonomy_term_$flag->term_id" );
echo "<div class='toast toast-" . $term_meta['niveau'] . "'>";
echo "<div class='toast bg-soft-" . $term_meta['niveau'] . "'>";
echo $flag->description;
echo "</div>";
}

View File

@ -23,7 +23,7 @@
</section>
<?php if ( !is_paged() ) {
?>
<div class="toast mb-1 bg-info home-toast"><strong class="m-0"><i class="fa fa-fw fa-info"></i> Note :</strong> Si vous êtes intéressé pour découvrir plus
<div class="toast mb-1 bg-soft-info home-toast"><strong class="m-0"><i class="fa fa-fw fa-info"></i> Note :</strong> Si vous êtes intéressé pour découvrir plus
de contenus trouvé sur internet, vous pouvez aussi regarder mon <a href="http://shaarli.kazhnuz.space/">Shaarli</a>, qui sert plus à
partager des petites découverte rigolote ou intéressantes.</div>
<?php

407
style.css
View File

@ -381,7 +381,7 @@ body {
**/
/* 2.2 - Global Typography */
html, body {
font-family: Open Sans, sans-serif;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
text-align: left;
font-size: 4.75mm;
line-height: 1.6rem;
@ -400,18 +400,18 @@ mark {
border-radius: 0.1rem; }
a {
color: #761d0f;
outline-color: #e33d22;
color: #7e1313;
outline-color: #e03131;
padding: 0.05rem;
border-radius: 0.1rem;
text-decoration: underline dashed; }
a:visited {
color: #761d0f; }
color: #7e1313; }
a:hover, a:hover.fg-dark, .fg-light a:hover, a:active, a:active.fg-dark, .fg-light a:active {
background-color: rgba(33, 37, 41, 0.1);
text-decoration: none; }
.fg-light a:hover, a:hover.fg-light, .fg-light a:active, a:active.fg-light {
background-color: rgba(254, 254, 254, 0.2);
background-color: rgba(255, 255, 255, 0.2);
text-decoration: none; }
a:focus-visible, input:focus-visible {
@ -420,7 +420,7 @@ a:focus-visible, input:focus-visible {
outline-offset: 1px; }
mark {
background-color: #feebb0;
background-color: white;
color: inherit; }
p, ul, ol {
@ -450,12 +450,12 @@ ul, ol {
padding: 0; }
::selection, ::-moz-selection {
background-color: #339af0;
color: #fefefe; }
background-color: #1971c2;
color: #ffffff; }
/* 2.3 - Titles */
h1, h2, h3, h4, h5, h6, h7 {
font-family: Open Sans, sans-serif;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
text-align: left;
font-size: 1em;
padding: 0;
@ -466,10 +466,10 @@ h1, h2, h3, h4, h5, h6, h7 {
border: none; }
sup > a, sub > a {
color: #e33d22;
color: #e03131;
background-color: transparent; }
sup > a:hover, sup > a:focus, sup > a:active, sub > a:hover, sub > a:focus, sub > a:active {
color: #ba2e18; }
color: #c11d1d; }
.main-title {
font-family: Teko, sans-serif;
@ -482,7 +482,7 @@ h1, .title-1 {
font-size: 2.441rem;
line-height: 3.2rem;
font-weight: 800;
color: #e33d22; }
color: #e03131; }
h2, .title-2 {
font-size: 2.441rem;
@ -532,7 +532,7 @@ blockquote, .quote, .well, pre, .pre, .well-pre {
code {
background: transparent;
color: #e33d22; }
color: #e03131; }
.small-text {
font-size: 0.9em; }
@ -545,7 +545,7 @@ code {
display: block; }
#wrapper {
background-color: #fefefe; }
background-color: #ffffff; }
.container-big {
padding-left: 1.6rem;
@ -1111,13 +1111,13 @@ strong.btn-fake {
.btn-readmore, .btn-link {
background-color: transparent;
outline-color: transparent;
color: #e33d22; }
color: #e03131; }
.btn-readmore:visited, .btn-link:visited {
background-color: transparent;
color: #e33d22; }
color: #e03131; }
.btn-readmore:hover, .btn-readmore:active, .btn-readmore:visited:hover, .btn-readmore:visited:active, .btn-readmore:not(.disabled):not(:disabled):hover, .btn-readmore:not(.disabled):not(:disabled):active, .btn-link:hover, .btn-link:active, .btn-link:visited:hover, .btn-link:visited:active, .btn-link:not(.disabled):not(:disabled):hover, .btn-link:not(.disabled):not(:disabled):active {
background-color: #dbe0e5;
color: #e65139;
color: #e34747;
outline-color: #dbe0e5;
box-shadow: none; }
.btn-readmore:not(:hover), .btn-link:not(:hover) {
@ -1193,10 +1193,10 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
.breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item > span.active {
background-color: #343a40;
outline-color: #343a40;
color: #fefefe; }
color: #ffffff; }
.breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item > span.active:visited {
background-color: #343a40;
color: #fefefe; }
color: #ffffff; }
.breadcrumb li.breadcrumb-item a.active:hover, .breadcrumb li.breadcrumb-item a.active:active, .breadcrumb li.breadcrumb-item a.active:visited:hover, .breadcrumb li.breadcrumb-item a.active:visited:active, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item > span.active:hover, .breadcrumb li.breadcrumb-item > span.active:active, .breadcrumb li.breadcrumb-item > span.active:visited:hover, .breadcrumb li.breadcrumb-item > span.active:visited:active, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):active {
background-color: #343a40;
color: white;
@ -1250,8 +1250,8 @@ nav.pagination {
outline-color: #d2d4d6;
box-shadow: none; }
nav.pagination .page-numbers.current, nav.pagination .next.current, nav.pagination .prev.current {
background-color: #e33d22;
color: #fefefe; }
background-color: #e03131;
color: #ffffff; }
/*
* 2. Cards and containers
@ -1308,11 +1308,11 @@ nav.pagination {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px; }
.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10 {
font-family: Open Sans, sans-serif;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1em;
padding: 0px;
margin: 0px;
color: #fefefe;
color: #ffffff;
font-weight: 300;
line-height: 1.6em; }
.card-header .fa {
@ -1342,10 +1342,10 @@ ul.card-list, .card > ul {
padding-right: 0.4em; }
.list-danger li.list-element::before {
color: #e33d22; }
color: #e03131; }
.list-success li.list-element::before {
color: #51cf66; }
color: #2f9e44; }
.smallcard-header {
font-size: 1.1em;
@ -1373,11 +1373,11 @@ ul.card-list, .card > ul {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px; }
.smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10 {
font-family: Open Sans, sans-serif;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1em;
padding: 0px;
margin: 0px;
color: #fefefe;
color: #ffffff;
font-weight: 300;
line-height: 1.6em; }
@ -1415,12 +1415,12 @@ ul.card-list, .card > ul {
.menu a:visited .badge {
margin: 0; }
.menu.fg-light a, .fg-light .menu a {
color: #fefefe;
outline-color: #fefefe; }
color: #ffffff;
outline-color: #ffffff; }
.menu.fg-light a:hover, .menu.fg-light a:active, .menu.fg-light a.submenu:focus, .fg-light .menu a:hover, .fg-light .menu a:active, .fg-light .menu a.submenu:focus {
background-color: rgba(254, 254, 254, 0.3); }
background-color: rgba(255, 255, 255, 0.3); }
.menu.fg-light input, .fg-light .menu input {
outline-color: #fefefe; }
outline-color: #ffffff; }
.menu.fg-dark a, .fg-dark .menu a {
color: #212529;
outline-color: #212529; }
@ -1557,7 +1557,7 @@ th {
input,
textarea {
width: 100%;
background-color: #fefefe;
background-color: #ffffff;
border-radius: 4px;
border: 0px solid rgba(0, 0, 0, 0);
padding: 0.4em;
@ -1614,104 +1614,104 @@ textarea {
* Colorize some aspect of a class
**/
.bg-primary {
background-color: #e33d22;
color: #fefefe; }
background-color: #e03131;
color: #ffffff; }
.bg-primary a {
color: currentColor;
outline-color: currentColor; }
.bg-primary:hover {
background-color: #e33d22;
color: #fefefe; }
background-color: #e03131;
color: #ffffff; }
.bg-primary:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-secondary {
background-color: #343a40;
color: #fefefe; }
color: #ffffff; }
.bg-secondary a {
color: currentColor;
outline-color: currentColor; }
.bg-secondary:hover {
background-color: #343a40;
color: #fefefe; }
color: #ffffff; }
.bg-secondary:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-warning {
background-color: #ff922b;
color: #fefefe; }
background-color: #e8590c;
color: #ffffff; }
.bg-warning a {
color: currentColor;
outline-color: currentColor; }
.bg-warning:hover {
background-color: #ff922b;
color: #fefefe; }
background-color: #e8590c;
color: #ffffff; }
.bg-warning:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-danger {
background-color: #e33d22;
color: #fefefe; }
background-color: #e03131;
color: #ffffff; }
.bg-danger a {
color: currentColor;
outline-color: currentColor; }
.bg-danger:hover {
background-color: #e33d22;
color: #fefefe; }
background-color: #e03131;
color: #ffffff; }
.bg-danger:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-info {
background-color: #339af0;
color: #fefefe; }
background-color: #1971c2;
color: #ffffff; }
.bg-info a {
color: currentColor;
outline-color: currentColor; }
.bg-info:hover {
background-color: #339af0;
color: #fefefe; }
background-color: #1971c2;
color: #ffffff; }
.bg-info:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-success {
background-color: #51cf66;
color: #fefefe; }
background-color: #2f9e44;
color: #ffffff; }
.bg-success a {
color: currentColor;
outline-color: currentColor; }
.bg-success:hover {
background-color: #51cf66;
color: #fefefe; }
background-color: #2f9e44;
color: #ffffff; }
.bg-success:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-muted {
background-color: #adb5bd;
color: #fefefe; }
color: #ffffff; }
.bg-muted a {
color: currentColor;
outline-color: currentColor; }
.bg-muted:hover {
background-color: #adb5bd;
color: #fefefe; }
color: #ffffff; }
.bg-muted:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-light {
background-color: #fefefe;
background-color: #ffffff;
color: #212529; }
.bg-light a {
color: currentColor;
outline-color: currentColor; }
.bg-light:hover {
background-color: #fefefe;
background-color: #ffffff;
color: #212529; }
.bg-light:hover a {
color: currentColor;
@ -1719,136 +1719,253 @@ textarea {
.bg-dark {
background-color: #343a40;
color: #fefefe; }
color: #ffffff; }
.bg-dark a {
color: currentColor;
outline-color: currentColor; }
.bg-dark:hover {
background-color: #343a40;
color: #fefefe; }
color: #ffffff; }
.bg-dark:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-primary {
background-color: #ffc9c9;
color: #212529; }
.bg-soft-primary a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-primary:hover {
background-color: #ffc9c9;
color: #212529; }
.bg-soft-primary:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-secondary {
background-color: #adb5bd;
color: #ffffff; }
.bg-soft-secondary a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-secondary:hover {
background-color: #adb5bd;
color: #ffffff; }
.bg-soft-secondary:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-warning {
background-color: #ffd8a8;
color: #212529; }
.bg-soft-warning a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-warning:hover {
background-color: #ffd8a8;
color: #212529; }
.bg-soft-warning:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-danger {
background-color: #ffc9c9;
color: #212529; }
.bg-soft-danger a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-danger:hover {
background-color: #ffc9c9;
color: #212529; }
.bg-soft-danger:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-info {
background-color: #a5d8ff;
color: #212529; }
.bg-soft-info a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-info:hover {
background-color: #a5d8ff;
color: #212529; }
.bg-soft-info:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-success {
background-color: #b2f2bb;
color: #212529; }
.bg-soft-success a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-success:hover {
background-color: #b2f2bb;
color: #212529; }
.bg-soft-success:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-muted {
background-color: #f1f3f5;
color: #212529; }
.bg-soft-muted a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-muted:hover {
background-color: #f1f3f5;
color: #212529; }
.bg-soft-muted:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-light {
background-color: #ffffff;
color: #212529; }
.bg-soft-light a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-light:hover {
background-color: #ffffff;
color: #212529; }
.bg-soft-light:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-dark {
background-color: #adb5bd;
color: #ffffff; }
.bg-soft-dark a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-dark:hover {
background-color: #adb5bd;
color: #ffffff; }
.bg-soft-dark:hover a {
color: currentColor;
outline-color: currentColor; }
.text-primary {
color: #e33d22; }
color: #e03131; }
.text-secondary {
color: #343a40; }
.text-warning {
color: #ff922b; }
color: #e8590c; }
.text-danger {
color: #e33d22; }
color: #e03131; }
.text-info {
color: #339af0; }
color: #1971c2; }
.text-success {
color: #51cf66; }
color: #2f9e44; }
.text-muted {
color: #adb5bd; }
.text-light {
color: #fefefe; }
color: #ffffff; }
.text-dark {
color: #343a40; }
.btn-primary {
background-color: #e33d22;
outline-color: #e33d22;
color: #fefefe;
background-color: #e03131;
outline-color: #e03131;
color: #ffffff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-primary:visited {
background-color: #e33d22;
color: #fefefe; }
background-color: #e03131;
color: #ffffff; }
.btn-primary:hover, .btn-primary:active, .btn-primary:visited:hover, .btn-primary:visited:active, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active {
background-color: #e75a43;
background-color: #e55050;
color: white;
outline-color: #e75a43;
outline-color: #e55050;
box-shadow: none; }
.btn-secondary {
background-color: #343a40;
outline-color: #343a40;
color: #fefefe;
color: #ffffff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-secondary:visited {
background-color: #343a40;
color: #fefefe; }
color: #ffffff; }
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited:hover, .btn-secondary:visited:active, .btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):active {
background-color: #52575d;
background-color: #52585d;
color: white;
outline-color: #52575d;
outline-color: #52585d;
box-shadow: none; }
.btn-warning {
background-color: #ff922b;
outline-color: #ff922b;
color: #fefefe;
background-color: #e8590c;
outline-color: #e8590c;
color: #ffffff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-warning:visited {
background-color: #ff922b;
color: #fefefe; }
background-color: #e8590c;
color: #ffffff; }
.btn-warning:hover, .btn-warning:active, .btn-warning:visited:hover, .btn-warning:visited:active, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active {
background-color: #ffa24b;
background-color: #eb7230;
color: white;
outline-color: #ffa24b;
outline-color: #eb7230;
box-shadow: none; }
.btn-danger {
background-color: #e33d22;
outline-color: #e33d22;
color: #fefefe;
background-color: #e03131;
outline-color: #e03131;
color: #ffffff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-danger:visited {
background-color: #e33d22;
color: #fefefe; }
background-color: #e03131;
color: #ffffff; }
.btn-danger:hover, .btn-danger:active, .btn-danger:visited:hover, .btn-danger:visited:active, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active {
background-color: #e75a43;
background-color: #e55050;
color: white;
outline-color: #e75a43;
outline-color: #e55050;
box-shadow: none; }
.btn-info {
background-color: #339af0;
outline-color: #339af0;
color: #fefefe;
background-color: #1971c2;
outline-color: #1971c2;
color: #ffffff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-info:visited {
background-color: #339af0;
color: #fefefe; }
background-color: #1971c2;
color: #ffffff; }
.btn-info:hover, .btn-info:active, .btn-info:visited:hover, .btn-info:visited:active, .btn-info:not(.disabled):not(:disabled):hover, .btn-info:not(.disabled):not(:disabled):active {
background-color: #51a9f2;
background-color: #3c86cb;
color: white;
outline-color: #51a9f2;
outline-color: #3c86cb;
box-shadow: none; }
.btn-success {
background-color: #51cf66;
outline-color: #51cf66;
color: #fefefe;
background-color: #2f9e44;
outline-color: #2f9e44;
color: #ffffff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-success:visited {
background-color: #51cf66;
color: #fefefe; }
background-color: #2f9e44;
color: #ffffff; }
.btn-success:hover, .btn-success:active, .btn-success:visited:hover, .btn-success:visited:active, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active {
background-color: #6bd67d;
background-color: #4ead60;
color: white;
outline-color: #6bd67d;
outline-color: #4ead60;
box-shadow: none; }
.btn-muted {
background-color: #adb5bd;
outline-color: #adb5bd;
color: #fefefe;
color: #ffffff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-muted:visited {
background-color: #adb5bd;
color: #fefefe; }
color: #ffffff; }
.btn-muted:hover, .btn-muted:active, .btn-muted:visited:hover, .btn-muted:visited:active, .btn-muted:not(.disabled):not(:disabled):hover, .btn-muted:not(.disabled):not(:disabled):active {
background-color: #b9c0c7;
color: white;
@ -1856,98 +1973,98 @@ textarea {
box-shadow: none; }
.btn-light {
background-color: #fefefe;
outline-color: #fefefe;
background-color: #ffffff;
outline-color: #ffffff;
color: #212529;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-light:visited {
background-color: #fefefe;
background-color: #ffffff;
color: #212529; }
.btn-light:hover, .btn-light:active, .btn-light:visited:hover, .btn-light:visited:active, .btn-light:not(.disabled):not(:disabled):hover, .btn-light:not(.disabled):not(:disabled):active {
background-color: #ddddde;
background-color: #dededf;
color: #2c3237;
outline-color: #ddddde;
outline-color: #dededf;
box-shadow: none; }
.btn-dark {
background-color: #343a40;
outline-color: #343a40;
color: #fefefe;
color: #ffffff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-dark:visited {
background-color: #343a40;
color: #fefefe; }
color: #ffffff; }
.btn-dark:hover, .btn-dark:active, .btn-dark:visited:hover, .btn-dark:visited:active, .btn-dark:not(.disabled):not(:disabled):hover, .btn-dark:not(.disabled):not(:disabled):active {
background-color: #52575d;
background-color: #52585d;
color: white;
outline-color: #52575d;
outline-color: #52585d;
box-shadow: none; }
.head-primary .card-header, .head-primary .menu-header, .head-primary.header-bg th {
background-color: #e33d22;
color: #fefefe; }
background-color: #e03131;
color: #ffffff; }
.head-primary th {
color: #e33d22; }
color: #e03131; }
.head-secondary .card-header, .head-secondary .menu-header, .head-secondary.header-bg th {
background-color: #343a40;
color: #fefefe; }
color: #ffffff; }
.head-secondary th {
color: #343a40; }
.head-warning .card-header, .head-warning .menu-header, .head-warning.header-bg th {
background-color: #ff922b;
color: #fefefe; }
background-color: #e8590c;
color: #ffffff; }
.head-warning th {
color: #ff922b; }
color: #e8590c; }
.head-danger .card-header, .head-danger .menu-header, .head-danger.header-bg th {
background-color: #e33d22;
color: #fefefe; }
background-color: #e03131;
color: #ffffff; }
.head-danger th {
color: #e33d22; }
color: #e03131; }
.head-info .card-header, .head-info .menu-header, .head-info.header-bg th {
background-color: #339af0;
color: #fefefe; }
background-color: #1971c2;
color: #ffffff; }
.head-info th {
color: #339af0; }
color: #1971c2; }
.head-success .card-header, .head-success .menu-header, .head-success.header-bg th {
background-color: #51cf66;
color: #fefefe; }
background-color: #2f9e44;
color: #ffffff; }
.head-success th {
color: #51cf66; }
color: #2f9e44; }
.head-muted .card-header, .head-muted .menu-header, .head-muted.header-bg th {
background-color: #adb5bd;
color: #fefefe; }
color: #ffffff; }
.head-muted th {
color: #adb5bd; }
.head-light .card-header, .head-light .menu-header, .head-light.header-bg th {
background-color: #fefefe;
background-color: #ffffff;
color: #212529; }
.head-light th {
color: #fefefe; }
color: #ffffff; }
.head-dark .card-header, .head-dark .menu-header, .head-dark.header-bg th {
background-color: #343a40;
color: #fefefe; }
color: #ffffff; }
.head-dark th {
color: #343a40; }
.fg-light {
color: #fefefe; }
color: #ffffff; }
.fg-dark {
color: #212529; }
@ -2241,7 +2358,7 @@ textarea {
/* ------------------ HEADERS ------------------- */
#page-header {
background: #e33d22 url("img/background.png");
background: #e03131 url("img/background.png");
margin-bottom: 1.5rem;
font-size: 0.8rem; }
#page-header .fa {
@ -2274,9 +2391,9 @@ header h1 {
border-left: 0;
border-right: 0;
padding: 0.75rem;
color: #fefefe; }
color: #ffffff; }
.navbar a {
color: #fefefe; }
color: #ffffff; }
.navbar li {
margin: 0; }
@ -2388,19 +2505,19 @@ ul.tag-list {
/* ------------------ PAGE ------------------- */
#wrapper {
background-color: #fefefe; }
background-color: #ffffff; }
/* ------------------ FOOTER ------------------- */
body {
background-color: #343a40; }
footer {
color: #fefefe;
color: #ffffff;
padding-bottom: 1.5rem; }
footer .columns {
font-size: 0.8rem; }
footer .columns a {
color: #fefefe; }
color: #ffffff; }
.home-toast {
max-width: 800px;
@ -2473,7 +2590,7 @@ footer {
color: #212529; }
.preview-featured h2 {
color: #fefefe; }
color: #ffffff; }
.preview-excerpt {
margin-top: 0.8rem;
@ -2564,7 +2681,7 @@ footer {
bottom: 24px;
right: 24px;
background-color: rgba(0, 0, 0, 0.2);
color: #fefefe;
color: #ffffff;
padding: 0.75em;
border: none;
font-size: 1.2rem;