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

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

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;
}

View File

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

View File

@ -1,9 +1,16 @@
@import 'modules/base.css';
@import 'modules/globals.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';
@import './vendor/animate.css';
@import './vendor/material-icons.css';
@import './vendor/OpenSans.css';
@import './vendor/toastify.css';
@import './modules/base.css';
@import './modules/globals.css';
@import './modules/progressbar.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';

View File

@ -3,20 +3,8 @@
<head>
<meta charset="utf-8">
<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/darkMode.css" name="darkMode" disabled/> -->
<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>
<body>
<aside role="navigation" id="sidebar">