diff --git a/rsconcept/frontend/public/logo_full.svg b/rsconcept/frontend/public/logo_full.svg index df726b3a..030bbc96 100644 --- a/rsconcept/frontend/public/logo_full.svg +++ b/rsconcept/frontend/public/logo_full.svg @@ -11,8 +11,8 @@ viewBox="0 0 194.51 27.49" .fil0 {fill:#E31E24} .fil1 {fill:#00A0E3} .fil3 {fill:#009846} - .fil4 {fill:#1A1A1A} - .fil2 {fill:#1A1A1A;fill-rule:nonzero} + .fil4 {fill:#4d4d4d} + .fil2 {fill:#4d4d4d;fill-rule:nonzero} ]]> diff --git a/rsconcept/frontend/public/logo_full_dark.svg b/rsconcept/frontend/public/logo_full_dark.svg new file mode 100644 index 00000000..253a2530 --- /dev/null +++ b/rsconcept/frontend/public/logo_full_dark.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/rsconcept/frontend/src/components/Navigation/Logo.tsx b/rsconcept/frontend/src/components/Navigation/Logo.tsx index 3e8507c5..4e22b6d1 100644 --- a/rsconcept/frontend/src/components/Navigation/Logo.tsx +++ b/rsconcept/frontend/src/components/Navigation/Logo.tsx @@ -1,19 +1,26 @@ import { Link } from 'react-router-dom'; +import { useConceptTheme } from '../../context/ThemeContext'; import useWindowSize from '../../hooks/useWindowSize'; const HIDE_LOGO_TEXT_LIMIT = 700; function Logo() { + const { darkMode } = useConceptTheme(); const windowSize = useWindowSize(); return ( - { (windowSize.width && windowSize.width >= HIDE_LOGO_TEXT_LIMIT) && + { (windowSize.width && windowSize.width >= HIDE_LOGO_TEXT_LIMIT) && !darkMode && } + { (windowSize.width && windowSize.width >= HIDE_LOGO_TEXT_LIMIT) && darkMode && + } { (!windowSize.width || windowSize.width < HIDE_LOGO_TEXT_LIMIT) &&