dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-20 05:26:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

theme - statusbar, icons

Browse Source
This commit is contained in:
Jan Prochazka
2020-11-12 14:51:27 +01:00
parent a8d88d05db
commit f30e7da503
12 changed files with 72 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/web/src/themes/ThemeHelmet.js
View File

@@ -1,22 +1,13 @@
import React from 'react';
import { Helmet } from 'react-helmet';
import useTheme from '../theme/useTheme';
import _ from 'lodash';
export default function ThemeHelmet() {
const theme = useTheme();
return (
<Helmet>
<style>{`
.color-red { color: red; }
.color-green { color: green; }
.color-on-statusbar-green { color: lime; }
.color-blue { color: blue; }
.color-blue-icon { color: #05A; }
.color-magenta-icon { color: #808 }
.color-yellow-icon { color: #880 }
.color-green-icon { color: #0A3; }
body {
color: ${theme.main_font1};
}
@@ -58,6 +49,12 @@ export default function ThemeHelmet() {
color: ${theme.input_font1};
}
${_.flatten(
_.keys(theme.main_palettes).map((color) =>
theme.main_palettes[color].map((code, index) => `.color-${color}-${index + 1} { color: ${code} }`)
)
).join('\n')}
`}</style>
</Helmet>
);