aboutsummaryrefslogtreecommitdiff
path: root/src/services/style_setter/style_setter.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/services/style_setter/style_setter.js')
-rw-r--r--src/services/style_setter/style_setter.js17
1 files changed, 3 insertions, 14 deletions
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 533145d4..b9a23ad7 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -114,10 +114,7 @@ export const generateColors = (themeData) => {
? colors2to3(themeData.colors || themeData)
: themeData.colors || themeData
- const isLightOnDark = convert(sourceColors.bg).hsl.l < convert(sourceColors.text).hsl.l
- const mod = isLightOnDark ? 1 : -1
-
- const { colors, opacity } = getColors(sourceColors, themeData.opacity || {}, mod)
+ const { colors, opacity } = getColors(sourceColors, themeData.opacity || {})
const htmlColors = Object.entries(colors)
.reduce((acc, [k, v]) => {
@@ -381,25 +378,17 @@ export const getThemes = () => {
}
export const colors2to3 = (colors) => {
return Object.entries(colors).reduce((acc, [slotName, color]) => {
- const btnStates = ['', 'Pressed', 'Disabled', 'Toggled']
const btnPositions = ['', 'Panel', 'TopBar']
switch (slotName) {
case 'lightBg':
return { ...acc, highlight: color }
- case 'btn':
- return {
- ...acc,
- ...btnStates.reduce((stateAcc, state) => ({ ...stateAcc, ['btn' + state]: color }), {})
- }
case 'btnText':
return {
...acc,
...btnPositions
- .map(position => btnStates.map(state => state + position))
- .flat()
.reduce(
- (statePositionAcc, statePosition) =>
- ({ ...statePositionAcc, ['btn' + statePosition + 'Text']: color })
+ (statePositionAcc, position) =>
+ ({ ...statePositionAcc, ['btn' + position + 'Text']: color })
, {}
)
}