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
+ return
-
+
diff --git a/src/components/MainCard/MainCard.scss b/src/components/MainCard/MainCard.scss index bb5be32..0baa5db 100644 --- a/src/components/MainCard/MainCard.scss +++ b/src/components/MainCard/MainCard.scss @@ -6,7 +6,6 @@ .background { position: absolute; - filter: blur(2px); opacity: 0.5; } } diff --git a/src/components/MenuComponent/MenuComponent.js b/src/components/MenuComponent/MenuComponent.js index 5723519..b24d2a3 100644 --- a/src/components/MenuComponent/MenuComponent.js +++ b/src/components/MenuComponent/MenuComponent.js @@ -22,7 +22,7 @@ class MenuComponent extends Component { render() { const buttonsLanguagesMessage = this.props.intl.messages.global.buttons.languages; - return