Add dark mode (#554)

This commit is contained in:
Philip Molares 2020-09-13 18:04:02 +02:00 committed by GitHub
parent be2428f22c
commit 44637c753e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
80 changed files with 2474 additions and 178 deletions

View file

@ -5,7 +5,7 @@ import { SocialLink } from './social-links'
export const Footer: React.FC = () => {
return (
<footer className="text-white-50 small">
<footer className="text-light-50 small">
<LanguagePicker/>
<PoweredByLinks/>
<SocialLink/>

View file

@ -35,7 +35,9 @@ export const VersionInfo: React.FC = () => {
return (
<Fragment>
<Link id='version' to={'#'} className={'text-light'} onClick={handleShow}><Trans i18nKey={'landing.versionInfo.versionInfo'}/></Link>
<Link id='version' to={'#'} className={'text-light'} onClick={handleShow}>
<Trans i18nKey={'landing.versionInfo.versionInfo'}/>
</Link>
<Modal id='versionModal' show={show} onHide={handleClose} animation={true}>
<Modal.Body className="text-dark">
<h3><Trans i18nKey={'landing.versionInfo.title'}/></h3>

View file

@ -7,7 +7,7 @@ import { HeaderBar } from './navigation/header-bar/header-bar'
export const LandingLayout: React.FC = ({ children }) => {
return (
<Container className="text-white d-flex flex-column mvh-100">
<Container className="text-light d-flex flex-column mvh-100">
<DocumentTitle/>
<MotdBanner/>
<HeaderBar/>