mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-27 02:31:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

Automatic night mode and dark theme location tooltip

Browse Source
This commit is contained in:
David Ralph
2020-10-14 14:56:56 +01:00
parent 26f5e0b0e5
commit 205a56f086
4 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.jsx
View File

@@ -41,7 +41,12 @@ export default class App extends React.PureComponent {
render() {
if (!localStorage.getItem('firstRun')) SettingsFunctions.setDefaultSettings();
const modalClassList = (localStorage.getItem('darkTheme') === 'true') ? 'Modal dark' : 'Modal'; // Modal features
let modalClassList = 'Modal'; // Modal features
let tooltipClassList = 'tooltiptext';
if ((localStorage.getItem('brightnessTime') && new Date().getHours() > 18) || localStorage.getItem('darkTheme') === 'true') {
modalClassList = 'Modal dark';
tooltipClassList = 'tooltiptext dark';
}
const overlayClassList = (localStorage.getItem('animations') === 'true') ? 'Overlay modal-animation' : 'Overlay';
const en = require('./translations/en.json'); // User language
@@ -70,7 +75,7 @@ export default class App extends React.PureComponent {
<span id='credit' style={{'display': 'none'}}></span>
<div id='backgroundCredits' className='tooltip'>
<RoomIcon className='locationicon'/>
<span className='tooltiptext' id='location'/>
<span className={tooltipClassList} id='location'/>
</div>
</div>
<Maximise/>