From 20cf9686a9ee5b7fd20e92ecd27b55f74e99d188 Mon Sep 17 00:00:00 2001
From: Anthony Dumas
Date: Mon, 31 Oct 2022 00:37:52 +0100
Subject: [PATCH] =?UTF-8?q?Feature=20#3:=20Retirer=20le=20th=C3=A8me=20cla?=
=?UTF-8?q?ir?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/_sass/dark-theme.scss | 67 -------------------
src/_sass/index.scss | 1 -
src/_sass/main.scss | 27 ++++----
src/components/FooterCard/FooterCard.js | 5 --
src/components/MainCard/MainCard.js | 4 +-
src/components/MainCard/MainCard.scss | 1 -
src/components/MenuComponent/MenuComponent.js | 2 +-
src/components/ProjectsCard/ProjectsCard.js | 45 +++++++------
8 files changed, 38 insertions(+), 114 deletions(-)
delete mode 100644 src/_sass/dark-theme.scss
diff --git a/src/_sass/dark-theme.scss b/src/_sass/dark-theme.scss
deleted file mode 100644
index 4aeb13e..0000000
--- a/src/_sass/dark-theme.scss
+++ /dev/null
@@ -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;
- }
-
-}
\ No newline at end of file
diff --git a/src/_sass/index.scss b/src/_sass/index.scss
index 2b7782d..26b497b 100644
--- a/src/_sass/index.scss
+++ b/src/_sass/index.scss
@@ -1,4 +1,3 @@
@import "main.scss";
@import "icon.scss";
-@import "dark-theme.scss";
@import "../css/ionicons.min.css";
diff --git a/src/_sass/main.scss b/src/_sass/main.scss
index 5e03e5b..c8d45c0 100644
--- a/src/_sass/main.scss
+++ b/src/_sass/main.scss
@@ -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";
diff --git a/src/components/FooterCard/FooterCard.js b/src/components/FooterCard/FooterCard.js
index a4ae452..6ec41d4 100644
--- a/src/components/FooterCard/FooterCard.js
+++ b/src/components/FooterCard/FooterCard.js
@@ -41,11 +41,6 @@ class FooterCard extends Component {
-
-
- {footerMessage.darkThemeNotice}
-
-
diff --git a/src/components/MainCard/MainCard.js b/src/components/MainCard/MainCard.js
index daff6a0..5748050 100644
--- a/src/components/MainCard/MainCard.js
+++ b/src/components/MainCard/MainCard.js
@@ -14,12 +14,12 @@ class MainCard extends Component {
var metaThemeColor = document.querySelector("meta[name=theme-color]");
metaThemeColor.setAttribute("content", window.matchMedia('(prefers-color-scheme: dark)').matches ? "#25444b" : "#5c9ead");
const experienceCardMessage = this.props.intl.messages.experienceCard;
- return