kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-06-27 19:53:36 +00:00
Code Issues Projects Releases Wiki Activity

Use custom properties colors more often

Browse Source
This commit is contained in:
rejas 2021-04-17 09:50:12 +02:00
parent a42fa8e9f9
commit 7bfaf07980
4 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/main.css
View File

@ -108,11 +108,11 @@ header {
font-size: 15px; font-size: 15px;
font-family: var(--font-primary), Arial, Helvetica, sans-serif; font-family: var(--font-primary), Arial, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
border-bottom: 1px solid #666; border-bottom: 1px solid var(--color-text-dimmed);
line-height: 15px; line-height: 15px;
padding-bottom: 5px; padding-bottom: 5px;
margin-bottom: 10px; margin-bottom: 10px;
color: #999; color: var(--color-text);
} }
sup { sup {

7
modules/default/alert/notificationFx.css
View File

@ -6,7 +6,6 @@
line-height: 1.4; line-height: 1.4;
margin-bottom: 10px; margin-bottom: 10px;
z-index: 1; z-index: 1;
color: black;
font-size: 70%; font-size: 70%;
position: relative; position: relative;
display: table; display: table;
@ -15,17 +14,17 @@
border-width: 1px; border-width: 1px;
border-radius: 5px; border-radius: 5px;
border-style: solid; border-style: solid;
border-color: #666; border-color: var(--color-text-dimmed);
} }
.ns-alert { .ns-alert {
border-style: solid; border-style: solid;
border-color: #fff; border-color: var(--color-text-bright);
padding: 17px; padding: 17px;
line-height: 1.4; line-height: 1.4;
margin-bottom: 10px; margin-bottom: 10px;
z-index: 3; z-index: 3;
color: white; color: var(--color-text-bright);
font-size: 70%; font-size: 70%;
position: fixed; position: fixed;
text-align: center; text-align: center;

2
modules/default/clock/clock.js
View File

@ -52,7 +52,7 @@ Module.register("clock", {
//Calculate how many ms should pass until next update depending on if seconds is displayed or not //Calculate how many ms should pass until next update depending on if seconds is displayed or not
var delayCalculator = function (reducedSeconds) { var delayCalculator = function (reducedSeconds) {
var EXTRA_DELAY = 50; //Deliberate imperceptable delay to prevent off-by-one timekeeping errors var EXTRA_DELAY = 50000000; //Deliberate imperceptable delay to prevent off-by-one timekeeping errors
if (self.config.displaySeconds) { if (self.config.displaySeconds) {
return 1000 - moment().milliseconds() + EXTRA_DELAY; return 1000 - moment().milliseconds() + EXTRA_DELAY;

8
modules/default/clock/clock_styles.css
View File

@ -17,7 +17,7 @@
width: 6px; width: 6px;
height: 6px; height: 6px;
margin: -3px 0 0 -3px; margin: -3px 0 0 -3px;
background: white; background: var(--color-text-bright);
border-radius: 3px; border-radius: 3px;
content: ""; content: "";
display: block; display: block;
@ -31,7 +31,7 @@
left: 50%; left: 50%;
margin: -2px 0 -2px -25%; /* numbers much match negative length & thickness */ margin: -2px 0 -2px -25%; /* numbers much match negative length & thickness */
padding: 2px 0 2px 25%; /* indicator length & thickness */ padding: 2px 0 2px 25%; /* indicator length & thickness */
background: white; background: var(--color-text-bright);
transform-origin: 100% 50%; transform-origin: 100% 50%;
border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;
} }
@ -44,7 +44,7 @@
left: 50%; left: 50%;
margin: -35% -2px 0; /* numbers must match negative length & thickness */ margin: -35% -2px 0; /* numbers must match negative length & thickness */
padding: 35% 2px 0; /* indicator length & thickness */ padding: 35% 2px 0; /* indicator length & thickness */
background: white; background: var(--color-text-bright);
transform-origin: 50% 100%; transform-origin: 50% 100%;
border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;
} }
@ -57,7 +57,7 @@
left: 50%; left: 50%;
margin: -38% -1px 0 0; /* numbers must match negative length & thickness */ margin: -38% -1px 0 0; /* numbers must match negative length & thickness */
padding: 38% 1px 0 0; /* indicator length & thickness */ padding: 38% 1px 0 0; /* indicator length & thickness */
background: #888; background: var(--color-text);
transform-origin: 50% 100%; transform-origin: 50% 100%;
} }