heliox/old-monorepo
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Implement rough attempt at dynamic win10 color scheme

Browse source
This commit is contained in:
GHOSCHT 2021-07-10 15:15:33 +02:00
parent 8ae1da7307
commit bb30729ad4
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
Dashboard/src/Components/Knob.tsx
View file

@ -1,8 +1,10 @@
import React, { useRef } from "react"; import React, { useRef } from "react";
import styled from "styled-components"; import styled from "styled-components";
import { remote } from "electron";
const SvgHeight = 180; const SvgHeight = 180;
const steps = 10; const steps = 10;
const accentColor = remote.systemPreferences.getAccentColor();
const KnobSVG = styled.svg` const KnobSVG = styled.svg`
.cls-1 { .cls-1 {
@ -17,11 +19,12 @@ const KnobSVG = styled.svg`
} }
.cls-3 { .cls-3 {
fill: #2f6087; //TODO: change to styled theme
fill: rgba(${parseInt(accentColor.substr(0, 2), 16)}, ${parseInt(accentColor.substr(2, 2), 16)}, ${parseInt(accentColor.substr(4, 2), 16)},${parseInt(accentColor.substr(6, 8), 16)});
} }
#Status { #Status {
user-select: none; user-select: none;
} }
`; `;
interface Proptypes { interface Proptypes {