random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added feature where if no user and device dark mode enabled, enable dark mode

Browse Source 
• Added:
- feature where if no user and device dark mode enabled, enable dark mode
This commit is contained in:
mgabdev 2021-01-13 23:19:37 -05:00
parent 25118d260e
commit 05e97f741e
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/gabsocial/containers/display.js
View File

@ -1,6 +1,7 @@
import React from 'react' import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { connect } from 'react-redux' import { connect } from 'react-redux'
import { me } from '../initial_state'
import { import {
FONT_SIZES, FONT_SIZES,
THEMES, THEMES,
@ -22,6 +23,11 @@ class Display extends React.PureComponent {
this.updateRadiusSmallDisabled(this.state.radiusSmallDisabled) this.updateRadiusSmallDisabled(this.state.radiusSmallDisabled)
this.updateRadiusCircleDisabled(this.state.radiusCircleDisabled) this.updateRadiusCircleDisabled(this.state.radiusCircleDisabled)
this.updateFontSizes(this.state.fontSize) this.updateFontSizes(this.state.fontSize)
// If no user logged in and dark mode enabled, set to muted
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches && !me) {
this.updateTheme('muted')
}
} }
static getDerivedStateFromProps(nextProps, prevState) { static getDerivedStateFromProps(nextProps, prevState) {