evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

imported vendor css in style.css too, moved progressbar in modules, removed useless file darkMode.css

Browse Source
This commit is contained in:
Roberto Tonino 2020-04-17 21:44:26 +02:00
parent f15047c5b8
commit e98dcdcf9b
5 changed files with 17 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/css/darkMode.css
View File

@ -1,8 +0,0 @@
/* imho not necessary */
:root {
--main-background: #141414;
--secondary-background: #242424;
--main-text: #eeeeee;
--panels-background: #1a1a1a;
--panels-text: #ffffff;
}

2
public/css/modules/base.css
View File

@ -15,7 +15,7 @@
--toast-text: #ffffffde; --toast-text: #ffffffde;
} }
/* A little JS needed, not difficult */ /* Add to body to switch dark mode */
.dark-theme { .dark-theme {
--main-background: #141414; --main-background: #141414;
--secondary-background: #242424; --secondary-background: #242424;

0
public/css/progressbar.css → public/css/modules/progressbar.css
View File

25
public/css/style.css
View File

@ -1,9 +1,16 @@
@import 'modules/base.css'; @import './vendor/animate.css';
@import 'modules/globals.css'; @import './vendor/material-icons.css';
@import 'modules/sidebar.css'; @import './vendor/OpenSans.css';
@import 'modules/middle-section.css'; @import './vendor/toastify.css';
@import 'modules/tabs.css';
@import 'modules/stackedTabs.css'; @import './modules/base.css';
@import 'modules/settings.css'; @import './modules/globals.css';
@import 'modules/main-search.css'; @import './modules/progressbar.css';
@import 'modules/download-tab.css';
@import './modules/sidebar.css';
@import './modules/middle-section.css';
@import './modules/tabs.css';
@import './modules/stackedTabs.css';
@import './modules/settings.css';
@import './modules/main-search.css';
@import './modules/download-tab.css';

12
public/index.html
View File

@ -3,20 +3,8 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>deemix</title> <title>deemix</title>
<link rel="stylesheet" type="text/css" href="/public/css/progressbar.css">
<link rel="stylesheet" type="text/css" href="/public/css/vendor/animate.css">
<link rel="stylesheet" type="text/css" href="/public/css/vendor/toastify.css">
<link rel="stylesheet" type="text/css" href="/public/css/vendor/material-icons.css"/>
<link rel="stylesheet" type="text/css" href="/public/css/vendor/OpenSans.css"/>
<link rel="stylesheet" type="text/css" href="/public/css/style.css"> <link rel="stylesheet" type="text/css" href="/public/css/style.css">
<!-- <link rel="stylesheet" type="text/css" href="/public/css/darkMode.css" name="darkMode" disabled/> -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0">
<!-- imho not needed -->
<!-- <script type='text/javascript'>
if (eval(localStorage.darkMode)){
document.getElementsByName("darkMode")[0].removeAttribute("disabled");
}
</script> -->
</head> </head>
<body> <body>
<aside role="navigation" id="sidebar"> <aside role="navigation" id="sidebar">