Feature #3: Retirer le thème clair

This commit is contained in:
2022-10-31 00:37:52 +01:00
parent 600076d10a
commit 20cf9686a9
8 changed files with 38 additions and 114 deletions

View File

@@ -1,67 +0,0 @@
/**
Dark Theme
**/
@media (prefers-color-scheme: dark) {
.dark-theme-only {
display: inline;
}
.hero {
background-color: darken($primary, 35%) !important;
color: #ffffff;
}
#photosAndButtons .card-content {
background-color: darken($primary, 40%) !important;
}
p.title,
span.title {
color: #ffffff;
}
p.subtitle {
color: #ffffff;
}
.is-primary {
background-color: darken($primary, 40%) !important;
}
.tile.is-vertical {
background-color: unset;
}
.is-info {
background-color: darken($primary, 41%) !important;
}
section.hero.is-primary.is-bold {
background-image: none;
background-color: darken($primary, 30%) !important;
}
body footer {
background-color: darken($primary, 42%) !important;
}
.button {
background-color: darken($primary, 41%);
border-color: darken($primary, 30%);
border-width: 4px;
color: white;
}
p {
color: white;
}
#photoProfil {
background-color: darken($primary , 35%);
}
#photosAndButtons .card {
box-shadow: unset;
}
}

View File

@@ -1,4 +1,3 @@
@import "main.scss";
@import "icon.scss";
@import "dark-theme.scss";
@import "../css/ionicons.min.css";

View File

@@ -3,10 +3,10 @@
/**
Thème
**/
$deep-koamaru: #2b4162;
$myrtle-green: #326273;
$cadet-blue: #5c9ead;
$neon-carrot: #fa9f42;
$deep-koamaru: #152528;
$myrtle-green: #1d353a;
$cadet-blue: #25444b;
$neon-carrot: #142225;
$white: #ffffff;
/**
@@ -17,6 +17,7 @@ $primary-invert: #fff;
$info: $myrtle-green;
$info-invert: #fff;
$footer-color: $deep-koamaru;
$success: $deep-koamaru;
$link: $neon-carrot;
$link-hover: "";
@@ -28,10 +29,6 @@ body {
overflow-x: hidden;
}
.dark-theme-only {
display: none;
}
@import "../../node_modules/bulma/bulma";
@import "icon";
@@ -45,10 +42,6 @@ body {
.tags {
margin-top: -1.25rem;
}
.card {
background-color: unset;
}
}
// retire les barres de scroll des panneaux experience/education
@@ -101,17 +94,21 @@ footer small {
// Photo de Profil
#photoProfil {
background-color: lightgray;
background-color: $primary;
}
.tile.is-vertical {
background-color: unset;
}
// fix d'un affichage désagréable sur la carte Bulma
#photosAndButtons .card {
border-radius: unset;
box-shadow: unset;
background-color: $deep-koamaru;
}
#mailWhenNoJavascript {
text-align: left;
font-size: 20px;
}
@import "dark-theme";