From 8bb5d775b4ce24193f8372a9b541e1ce270e839f Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Thu, 20 Feb 2020 20:47:24 +0200 Subject: [PATCH 01/10] update pleroma-dark and pleroma-light --- static/styles.json | 4 +- static/themes/pleroma-dark.json | 543 +++++++++++++++++++++++++++++ static/themes/pleroma-light.json | 570 +++++++++++++++++++++++++++++++ 3 files changed, 1115 insertions(+), 2 deletions(-) create mode 100644 static/themes/pleroma-dark.json create mode 100644 static/themes/pleroma-light.json diff --git a/static/styles.json b/static/styles.json index 3349a8377c..23f57c65e8 100644 --- a/static/styles.json +++ b/static/styles.json @@ -1,6 +1,6 @@ { - "pleroma-dark": [ "Pleroma Dark", "#121a24", "#182230", "#b9b9ba", "#d8a070", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ], - "pleroma-light": [ "Pleroma Light", "#f2f4f6", "#dbe0e8", "#304055", "#f86f0f", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ], + "pleroma-dark": "/static/themes/pleroma-dark.json", + "pleroma-light": "/static/themes/pleroma-light.json", "pleroma-amoled": [ "Pleroma Dark AMOLED", "#000000", "#111111", "#b0b0b1", "#d8a070", "#aa0000", "#0fa00f", "#0095ff", "#d59500"], "classic-dark": [ "Classic Dark", "#161c20", "#282e32", "#b9b9b9", "#baaa9c", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ], "bird": [ "Bird", "#f8fafd", "#e6ecf0", "#14171a", "#0084b8", "#e0245e", "#17bf63", "#1b95e0", "#fab81e"], diff --git a/static/themes/pleroma-dark.json b/static/themes/pleroma-dark.json new file mode 100644 index 0000000000..2de001da7d --- /dev/null +++ b/static/themes/pleroma-dark.json @@ -0,0 +1,543 @@ +{ + "_pleroma_theme_version": 2, + "name": "Pleroma Dark", + "theme": { + "themeEngineVersion": 3, + "shadows": { + "panel": [ + { + "x": "0", + "y": "0", + "blur": "3", + "spread": 0, + "color": "#000000", + "alpha": "0.5" + }, + { + "x": "0", + "y": "4", + "blur": "6", + "spread": "3", + "inset": false, + "color": "#000000", + "alpha": "0.3" + } + ], + "topBar": [ + { + "x": 0, + "y": "1", + "blur": 4, + "spread": 0, + "color": "#000000", + "alpha": "0.4" + }, + { + "x": 0, + "y": "2", + "blur": "7", + "spread": 0, + "inset": false, + "color": "#000000", + "alpha": "0.3" + } + ], + "popup": [ + { + "x": 2, + "y": 2, + "blur": 3, + "spread": 0, + "color": "#000000", + "alpha": 0.5 + } + ], + "avatar": [ + { + "x": 0, + "y": 1, + "blur": 8, + "spread": 0, + "color": "#000000", + "alpha": 0.7 + } + ], + "avatarStatus": [], + "panelHeader": [ + { + "x": 0, + "y": "1", + "blur": "3", + "spread": 0, + "inset": false, + "color": "#000000", + "alpha": "0.4" + }, + { + "x": "0", + "y": "1", + "blur": "0", + "spread": 0, + "inset": true, + "color": "#ffffff", + "alpha": "0.2" + } + ], + "button": [ + { + "x": 0, + "y": 0, + "blur": 2, + "spread": 0, + "color": "#000000", + "alpha": 1 + }, + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + } + ], + "buttonHover": [ + { + "x": 0, + "y": 0, + "blur": "1", + "spread": "2", + "color": "#b9b9ba", + "alpha": "0.4", + "inset": true + }, + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + } + ], + "buttonPressed": [ + { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#000000", + "alpha": 1, + "inset": true + }, + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": 0, + "blur": "2", + "spread": 0, + "inset": false, + "color": "#000000", + "alpha": 1 + } + ], + "input": [ + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": 0, + "blur": 2, + "inset": true, + "spread": 0, + "color": "#000000", + "alpha": 1 + } + ] + }, + "colors": { + "underlay": "#090e14", + "bg": "#0f161e", + "fg": "#151e2b", + "cRed": "#d31014", + "cOrange": "#ffc459", + "cGreen": "#5dc94a", + "cBlue": "#81beea", + "accent": "#e2b188", + "link": "#e2b188", + "text": "#b9b9ba", + "badgeNotification": "#e15932", + "badgeNotificationText": "#ffffff", + "panel": "#151e2b", + "panelText": "#b9b9ba", + "alertNeutral": "#b9b9ba", + "alertNeutralPanelText": "#ffffff", + "alertNeutralText": "#ffffff", + "alertWarning": "#ffc459", + "alertWarningPanelText": "#ffffff", + "alertWarningText": "#ffffff", + "alertError": "#d31014", + "alertErrorPanelText": "#b9b9ba", + "alertErrorText": "#f0f0f0", + "fgText": "#b9b9ba", + "topBar": "#151e2b", + "topBarText": "#a0a5aa", + "input": "#151e2b", + "inputTopbarText": "#a0a5aa", + "inputPanelText": "#b9b9ba", + "inputText": "#b9b9ba", + "btn": "#151e2b", + "btnText": "#b9b9ba", + "btnTopBarText": "#b9b9ba", + "btnDisabled": "#111822", + "btnDisabledTopBarText": "#3b4148", + "btnPanelText": "#b9b9ba", + "btnDisabledPanelText": "#3b4148", + "btnDisabledText": "#3b4148", + "btnToggled": "#c08f60", + "btnToggledTopBarText": "#000000", + "btnToggledPanelText": "#000000", + "btnToggledText": "#000000", + "btnPressed": "#151e2b", + "btnPressedTopBarText": "#b9b9ba", + "btnPressedTopBar": "#151e2b", + "btnPressedPanelText": "#b9b9ba", + "btnPressedPanel": "#151e2b", + "btnPressedText": "#b9b9ba", + "tabActiveText": "#b9b9ba", + "tabText": "#b9b9ba", + "tab": "#151e2b", + "fgLink": "#e2b188", + "topBarLink": "#a0a5aa", + "panelLink": "#e2b188", + "panelFaint": "#b9b9ba", + "icon": "#64686c", + "poll": "#645449", + "pollText": "#ffffff", + "border": "#1b232d", + "postLink": "#e2b188", + "lightText": "#ededed", + "popover": "#0f161e", + "selectedMenuPopover": "#18232f", + "highlight": "#18232f", + "highlightText": "#b9b9ba", + "selectedMenu": "#18232f", + "selectedMenuText": "#b9b9ba", + "selectedMenuPopoverIcon": "#696e75", + "highlightLink": "#e2b188", + "selectedMenuLink": "#e2b188", + "selectedMenuPopoverLink": "#e2b188", + "selectedMenuPopoverText": "#b9b9ba", + "faintLink": "#e2b188", + "highlightFaintLink": "#e2b188", + "selectedMenuFaintLink": "#e2b188", + "selectedMenuPopoverFaintLink": "#e2b188", + "faint": "#b9b9ba", + "highlightFaintText": "#b9b9ba", + "selectedMenuFaintText": "#b9b9ba", + "selectedMenuPopoverFaintText": "#b9b9ba", + "highlightLightText": "#ededed", + "selectedMenuLightText": "#ededed", + "selectedMenuPopoverLightText": "#ededed", + "selectedMenuIcon": "#696e75", + "selectedPost": "#18232f", + "selectedPostText": "#b9b9ba", + "selectedPostIcon": "#696e75", + "selectedPostLink": "#e2b188", + "selectedPostFaintLink": "#e2b188", + "highlightPostLink": "#e2b188", + "selectedPostPostLink": "#e2b188", + "selectedPostLightText": "#ededed", + "selectedPostFaintText": "#b9b9ba", + "popoverText": "#b9b9ba", + "popoverIcon": "#64686c", + "popoverLink": "#e2b188", + "postFaintLink": "#e2b188", + "popoverPostFaintLink": "#e2b188", + "popoverFaintLink": "#e2b188", + "popoverFaintText": "#b9b9ba", + "popoverPostLink": "#e2b188", + "popoverLightText": "#ededed", + "highlightIcon": "#696e75", + "highlightPostFaintLink": "#e2b188", + "profileTint": "#0f161e", + "profileBg": "#070c11" + }, + "opacity": { + "underlay": 0.6, + "bg": 1, + "panel": 1, + "alert": 0.5, + "input": 0.5, + "btn": 1, + "faint": 0.5, + "border": 1, + "popover": 1, + "profileTint": 0.5 + }, + "radii": { + "btn": "3", + "input": "3", + "checkbox": 2, + "panel": "3", + "avatar": "3", + "avatarAlt": 50, + "tooltip": 2, + "attachment": "3" + }, + "fonts": { + "interface": { + "family": "sans-serif" + }, + "input": { + "family": "inherit" + }, + "post": { + "family": "inherit" + }, + "postCode": { + "family": "monospace" + } + } + }, + "source": { + "themeEngineVersion": 3, + "fonts": {}, + "shadows": { + "buttonHover": [ + { + "x": 0, + "y": 0, + "blur": "1", + "spread": "2", + "color": "#b9b9ba", + "alpha": "0.4", + "inset": true + }, + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + } + ], + "buttonPressed": [ + { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#000000", + "alpha": 1, + "inset": true + }, + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": 0, + "blur": "2", + "spread": 0, + "inset": false, + "color": "#000000", + "alpha": 1 + } + ], + "panelHeader": [ + { + "x": 0, + "y": "1", + "blur": "3", + "spread": 0, + "inset": false, + "color": "#000000", + "alpha": "0.4" + }, + { + "x": "0", + "y": "1", + "blur": "0", + "spread": 0, + "inset": true, + "color": "#ffffff", + "alpha": "0.2" + } + ], + "panel": [ + { + "x": "0", + "y": "0", + "blur": "3", + "spread": 0, + "color": "#000000", + "alpha": "0.5" + }, + { + "x": "0", + "y": "4", + "blur": "6", + "spread": "3", + "inset": false, + "color": "#000000", + "alpha": "0.3" + } + ], + "button": [ + { + "x": 0, + "y": 0, + "blur": 2, + "spread": 0, + "color": "#000000", + "alpha": 1 + }, + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + } + ], + "topBar": [ + { + "x": 0, + "y": "1", + "blur": 4, + "spread": 0, + "color": "#000000", + "alpha": "0.4" + }, + { + "x": 0, + "y": "2", + "blur": "7", + "spread": 0, + "inset": false, + "color": "#000000", + "alpha": "0.3" + } + ] + }, + "opacity": { + "underlay": "0.6" + }, + "colors": { + "bg": "#0f161e", + "fg": "#151e2b", + "text": "#b9b9ba", + "underlay": "#090e14", + "accent": "#e2b188", + "cBlue": "#81beea", + "cRed": "#d31014", + "cGreen": "#5dc94a", + "cOrange": "#ffc459", + "border": "#1b232d", + "topBarText": "#a0a5aa", + "topBarLink": "#A0A5AA", + "btnToggled": "#c08f60", + "alertErrorText": "#f0f0f0", + "badgeNotification": "#e15932", + "badgeNotificationText": "#ffffff" + }, + "radii": { + "btn": "3", + "input": "3", + "panel": "3", + "avatar": "3", + "attachment": "3" + } + } +} diff --git a/static/themes/pleroma-light.json b/static/themes/pleroma-light.json new file mode 100644 index 0000000000..f8cefc9b77 --- /dev/null +++ b/static/themes/pleroma-light.json @@ -0,0 +1,570 @@ +{ + "_pleroma_theme_version": 2, + "name": "Pleroma Light", + "theme": { + "themeEngineVersion": 3, + "shadows": { + "panel": [ + { + "x": "0", + "y": 1, + "blur": "3", + "spread": 0, + "color": "#000000", + "alpha": "0.5" + }, + { + "x": "0", + "y": "3", + "blur": "6", + "spread": "1", + "inset": false, + "color": "#000000", + "alpha": "0.2" + } + ], + "topBar": [ + { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#000000", + "alpha": 0.6 + } + ], + "popup": [ + { + "x": "1", + "y": "2", + "blur": "2", + "spread": 0, + "color": "#000000", + "alpha": "0.2" + }, + { + "x": "1", + "y": "3", + "blur": "7", + "spread": "0", + "inset": false, + "color": "#000000", + "alpha": "0.2" + } + ], + "avatar": [ + { + "x": 0, + "y": 1, + "blur": 8, + "spread": 0, + "color": "#000000", + "alpha": 0.7 + } + ], + "avatarStatus": [ + { + "x": 0, + "y": "1", + "blur": "4", + "spread": "0", + "inset": false, + "color": "#000000", + "alpha": "0.2" + } + ], + "panelHeader": [ + { + "x": 0, + "y": "1", + "blur": 0, + "spread": 0, + "inset": true, + "color": "#ffffff", + "alpha": "0.5" + }, + { + "x": 0, + "y": "1", + "blur": "3", + "spread": 0, + "inset": false, + "color": "#000000", + "alpha": "0.3" + } + ], + "button": [ + { + "x": 0, + "y": 0, + "blur": 2, + "spread": 0, + "color": "#000000", + "alpha": "0.2" + }, + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": "0.5", + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + } + ], + "buttonHover": [ + { + "x": 0, + "y": 0, + "blur": "2", + "spread": 0, + "color": "#000000", + "alpha": "0.2" + }, + { + "x": 0, + "y": "0", + "blur": "1", + "spread": "2", + "color": "#ffc39f", + "alpha": "1", + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + } + ], + "buttonPressed": [ + { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#000000", + "alpha": "0.2" + }, + { + "x": 0, + "y": 1, + "blur": "1", + "spread": "2", + "color": "#000000", + "alpha": "0.3", + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + } + ], + "input": [ + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": 0, + "blur": "2", + "inset": true, + "spread": 0, + "color": "#000000", + "alpha": "0.15" + } + ] + }, + "colors": { + "underlay": "#5d6086", + "bg": "#f2f6f9", + "fg": "#d6dfed", + "cRed": "#d31014", + "cOrange": "#ffa500", + "cGreen": "#0fa00f", + "cBlue": "#0095ff", + "accent": "#f55b1b", + "link": "#f55b1b", + "text": "#304055", + "badgeNotification": "#e83802", + "badgeNotificationText": "#ffffff", + "panel": "#d6dfed", + "panelText": "#304055", + "alertNeutral": "#304055", + "alertNeutralPanelText": "#000000", + "alertNeutralText": "#000000", + "alertWarning": "#ffa500", + "alertWarningPanelText": "#304055", + "alertWarningText": "#304055", + "alertError": "#d31014", + "alertErrorPanelText": "#000000", + "alertErrorText": "#000000", + "fgText": "#304055", + "topBar": "#d6dfed", + "topBarText": "#304055", + "input": "#dee3ed", + "inputTopbarText": "#304055", + "inputPanelText": "#304055", + "inputText": "#304055", + "btn": "#d6dfed", + "btnText": "#304055", + "btnTopBarText": "#304055", + "btnDisabled": "#ebf1f6", + "btnDisabledTopBarText": "#bdc5ce", + "btnPanelText": "#304055", + "btnDisabledPanelText": "#bdc5ce", + "btnDisabledText": "#bdc5ce", + "btnToggled": "#db9d77", + "btnToggledTopBarText": "#304055", + "btnToggledPanelText": "#304055", + "btnToggledText": "#304055", + "btnPressed": "#d6dfed", + "btnPressedTopBarText": "#304055", + "btnPressedTopBar": "#d6dfed", + "btnPressedPanelText": "#304055", + "btnPressedPanel": "#d6dfed", + "btnPressedText": "#304055", + "tabActiveText": "#304055", + "tabText": "#304055", + "tab": "#d6dfed", + "fgLink": "#e44a0a", + "topBarLink": "#304055", + "panelLink": "#f55b1b", + "panelFaint": "#304055", + "icon": "#919ba7", + "poll": "#f4b8a1", + "pollText": "#304055", + "border": "#d8e6f9", + "postLink": "#e44a0a", + "lightText": "#0c0f14", + "popover": "#f2f6f9", + "selectedMenuPopover": "#e1eaf1", + "highlight": "#e1eaf1", + "highlightText": "#304055", + "selectedMenu": "#e1eaf1", + "selectedMenuText": "#304055", + "selectedMenuPopoverIcon": "#8995a3", + "highlightLink": "#e44a0a", + "selectedMenuLink": "#f55b1b", + "selectedMenuPopoverLink": "#e44a0a", + "selectedMenuPopoverText": "#304055", + "faintLink": "#f55b1b", + "highlightFaintLink": "#e44a0a", + "selectedMenuFaintLink": "#f55b1b", + "selectedMenuPopoverFaintLink": "#e44a0a", + "faint": "#304055", + "highlightFaintText": "#304055", + "selectedMenuFaintText": "#304055", + "selectedMenuPopoverFaintText": "#304055", + "highlightLightText": "#0c0f14", + "selectedMenuLightText": "#0c0f14", + "selectedMenuPopoverLightText": "#0c0f14", + "selectedMenuIcon": "#8995a3", + "selectedPost": "#e1eaf1", + "selectedPostText": "#304055", + "selectedPostIcon": "#8995a3", + "selectedPostLink": "#f55b1b", + "selectedPostFaintLink": "#f55b1b", + "highlightPostLink": "#f55b1b", + "selectedPostPostLink": "#e44a0a", + "selectedPostLightText": "#0c0f14", + "selectedPostFaintText": "#304055", + "popoverText": "#304055", + "popoverIcon": "#919ba7", + "popoverLink": "#e44a0a", + "postFaintLink": "#e44a0a", + "popoverPostFaintLink": "#f55b1b", + "popoverFaintLink": "#e44a0a", + "popoverFaintText": "#304055", + "popoverPostLink": "#f55b1b", + "popoverLightText": "#0c0f14", + "highlightIcon": "#8995a3", + "highlightPostFaintLink": "#f55b1b", + "profileTint": "#f2f6f9", + "profileBg": "#808992" + }, + "opacity": { + "underlay": 0.4, + "bg": 1, + "panel": 1, + "alert": 0.5, + "input": 0.5, + "btn": 1, + "faint": 0.5, + "border": 1, + "popover": 1, + "profileTint": 0.5 + }, + "radii": { + "btn": "3", + "input": "3", + "checkbox": 2, + "panel": "3", + "avatar": "3", + "avatarAlt": 50, + "tooltip": 2, + "attachment": "3" + }, + "fonts": { + "interface": { + "family": "sans-serif" + }, + "input": { + "family": "inherit" + }, + "post": { + "family": "inherit" + }, + "postCode": { + "family": "monospace" + } + } + }, + "source": { + "themeEngineVersion": 3, + "fonts": {}, + "shadows": { + "button": [ + { + "x": 0, + "y": 0, + "blur": 2, + "spread": 0, + "color": "#000000", + "alpha": "0.2" + }, + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": "0.5", + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + } + ], + "buttonHover": [ + { + "x": 0, + "y": 0, + "blur": "2", + "spread": 0, + "color": "#000000", + "alpha": "0.2" + }, + { + "x": 0, + "y": "0", + "blur": "1", + "spread": "2", + "color": "#ffc39f", + "alpha": "1", + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + } + ], + "input": [ + { + "x": 0, + "y": 1, + "blur": 0, + "spread": 0, + "color": "#000000", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + }, + { + "x": 0, + "y": 0, + "blur": "2", + "inset": true, + "spread": 0, + "color": "#000000", + "alpha": "0.15" + } + ], + "panel": [ + { + "x": "0", + "y": 1, + "blur": "3", + "spread": 0, + "color": "#000000", + "alpha": "0.5" + }, + { + "x": "0", + "y": "3", + "blur": "6", + "spread": "1", + "inset": false, + "color": "#000000", + "alpha": "0.2" + } + ], + "panelHeader": [ + { + "x": 0, + "y": "1", + "blur": 0, + "spread": 0, + "inset": true, + "color": "#ffffff", + "alpha": "0.5" + }, + { + "x": 0, + "y": "1", + "blur": "3", + "spread": 0, + "inset": false, + "color": "#000000", + "alpha": "0.3" + } + ], + "buttonPressed": [ + { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#000000", + "alpha": "0.2" + }, + { + "x": 0, + "y": 1, + "blur": "1", + "spread": "2", + "color": "#000000", + "alpha": "0.3", + "inset": true + }, + { + "x": 0, + "y": -1, + "blur": 0, + "spread": 0, + "color": "#FFFFFF", + "alpha": 0.2, + "inset": true + } + ], + "popup": [ + { + "x": "1", + "y": "2", + "blur": "2", + "spread": 0, + "color": "#000000", + "alpha": "0.2" + }, + { + "x": "1", + "y": "3", + "blur": "7", + "spread": "0", + "inset": false, + "color": "#000000", + "alpha": "0.2" + } + ], + "avatarStatus": [ + { + "x": 0, + "y": "1", + "blur": "4", + "spread": "0", + "inset": false, + "color": "#000000", + "alpha": "0.2" + } + ] + }, + "opacity": { + "underlay": "0.4" + }, + "colors": { + "bg": "#f2f6f9", + "fg": "#d6dfed", + "text": "#304055", + "underlay": "#5d6086", + "accent": "#f55b1b", + "cBlue": "#0095ff", + "cRed": "#d31014", + "cGreen": "#0fa00f", + "cOrange": "#ffa500", + "border": "#d8e6f9", + "topBarText": "#304055", + "topBarLink": "#304055", + "btnToggled": "#db9d77", + "input": "#dee3ed", + "badgeNotification": "#e83802" + }, + "radii": { + "btn": "3", + "input": "3", + "panel": "3", + "avatar": "3", + "attachment": "3" + } + } +} From 64a6ba219ac9a1614e87d3ac979454e6d016cd5e Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Thu, 20 Feb 2020 21:14:42 +0200 Subject: [PATCH 02/10] make panel header highlight less harsh --- static/themes/pleroma-dark.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/themes/pleroma-dark.json b/static/themes/pleroma-dark.json index 2de001da7d..c2ee9d1c4f 100644 --- a/static/themes/pleroma-dark.json +++ b/static/themes/pleroma-dark.json @@ -80,7 +80,7 @@ "spread": 0, "inset": true, "color": "#ffffff", - "alpha": "0.2" + "alpha": "0.1" } ], "button": [ From e342dbcb10ad5da4a897ce683246b1aa2cd72b00 Mon Sep 17 00:00:00 2001 From: Shpuld Shpludson Date: Fri, 21 Feb 2020 14:09:21 +0000 Subject: [PATCH 03/10] Apply suggestion to static/themes/pleroma-dark.json --- static/themes/pleroma-dark.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/themes/pleroma-dark.json b/static/themes/pleroma-dark.json index c2ee9d1c4f..aee4a4fe01 100644 --- a/static/themes/pleroma-dark.json +++ b/static/themes/pleroma-dark.json @@ -528,7 +528,7 @@ "topBarText": "#a0a5aa", "topBarLink": "#A0A5AA", "btnToggled": "#c08f60", - "alertErrorText": "#f0f0f0", + "alertErrorText": "--text,21.2", "badgeNotification": "#e15932", "badgeNotificationText": "#ffffff" }, From 19cc739598034b796956a1fadc91d83ec6074723 Mon Sep 17 00:00:00 2001 From: Shpuld Shpludson Date: Fri, 21 Feb 2020 14:09:25 +0000 Subject: [PATCH 04/10] Apply suggestion to static/themes/pleroma-dark.json --- static/themes/pleroma-dark.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/themes/pleroma-dark.json b/static/themes/pleroma-dark.json index aee4a4fe01..a1b9a46860 100644 --- a/static/themes/pleroma-dark.json +++ b/static/themes/pleroma-dark.json @@ -525,8 +525,8 @@ "cGreen": "#5dc94a", "cOrange": "#ffc459", "border": "#1b232d", - "topBarText": "#a0a5aa", - "topBarLink": "#A0A5AA", + "topBarText": "--text,-9.75", + "topBarLink": "--topBarText", "btnToggled": "#c08f60", "alertErrorText": "--text,21.2", "badgeNotification": "#e15932", From c9935362de1effd03b06730cde1d6ebd81e5b777 Mon Sep 17 00:00:00 2001 From: Shpuld Shpludson Date: Fri, 21 Feb 2020 14:09:29 +0000 Subject: [PATCH 05/10] Apply suggestion to static/themes/pleroma-dark.json --- static/themes/pleroma-dark.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/themes/pleroma-dark.json b/static/themes/pleroma-dark.json index a1b9a46860..9120f55fc5 100644 --- a/static/themes/pleroma-dark.json +++ b/static/themes/pleroma-dark.json @@ -527,7 +527,7 @@ "border": "#1b232d", "topBarText": "--text,-9.75", "topBarLink": "--topBarText", - "btnToggled": "#c08f60", + "btnToggled": "--accent,-24.2", "alertErrorText": "--text,21.2", "badgeNotification": "#e15932", "badgeNotificationText": "#ffffff" From 8c454b94568218399b7805c1aa72cab0d5a18df7 Mon Sep 17 00:00:00 2001 From: Shpuld Shpludson Date: Fri, 21 Feb 2020 14:09:31 +0000 Subject: [PATCH 06/10] Apply suggestion to static/themes/pleroma-dark.json --- static/themes/pleroma-dark.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/themes/pleroma-dark.json b/static/themes/pleroma-dark.json index 9120f55fc5..48e28c745e 100644 --- a/static/themes/pleroma-dark.json +++ b/static/themes/pleroma-dark.json @@ -524,7 +524,7 @@ "cRed": "#d31014", "cGreen": "#5dc94a", "cOrange": "#ffc459", - "border": "#1b232d", + "border": "--fg,3", "topBarText": "--text,-9.75", "topBarLink": "--topBarText", "btnToggled": "--accent,-24.2", From b5c6b77ca80b635c907cd5f755ccdd7327396475 Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Sat, 22 Feb 2020 10:03:16 +0200 Subject: [PATCH 07/10] update using variables --- static/themes/pleroma-light.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/themes/pleroma-light.json b/static/themes/pleroma-light.json index f8cefc9b77..55cbe28a23 100644 --- a/static/themes/pleroma-light.json +++ b/static/themes/pleroma-light.json @@ -554,8 +554,8 @@ "cOrange": "#ffa500", "border": "#d8e6f9", "topBarText": "#304055", - "topBarLink": "#304055", - "btnToggled": "#db9d77", + "topBarLink": "--topBarText", + "btnToggled": "--accent,-24.2", "input": "#dee3ed", "badgeNotification": "#e83802" }, From 1fb91b17955219fcf17320806a0d4bf61bf81f5b Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Sat, 22 Feb 2020 10:34:54 +0200 Subject: [PATCH 08/10] remove bloat from themes --- static/themes/pleroma-dark.json | 352 ------------------------------- static/themes/pleroma-light.json | 351 ------------------------------ 2 files changed, 703 deletions(-) diff --git a/static/themes/pleroma-dark.json b/static/themes/pleroma-dark.json index 48e28c745e..2703fba11a 100644 --- a/static/themes/pleroma-dark.json +++ b/static/themes/pleroma-dark.json @@ -1,358 +1,6 @@ { "_pleroma_theme_version": 2, "name": "Pleroma Dark", - "theme": { - "themeEngineVersion": 3, - "shadows": { - "panel": [ - { - "x": "0", - "y": "0", - "blur": "3", - "spread": 0, - "color": "#000000", - "alpha": "0.5" - }, - { - "x": "0", - "y": "4", - "blur": "6", - "spread": "3", - "inset": false, - "color": "#000000", - "alpha": "0.3" - } - ], - "topBar": [ - { - "x": 0, - "y": "1", - "blur": 4, - "spread": 0, - "color": "#000000", - "alpha": "0.4" - }, - { - "x": 0, - "y": "2", - "blur": "7", - "spread": 0, - "inset": false, - "color": "#000000", - "alpha": "0.3" - } - ], - "popup": [ - { - "x": 2, - "y": 2, - "blur": 3, - "spread": 0, - "color": "#000000", - "alpha": 0.5 - } - ], - "avatar": [ - { - "x": 0, - "y": 1, - "blur": 8, - "spread": 0, - "color": "#000000", - "alpha": 0.7 - } - ], - "avatarStatus": [], - "panelHeader": [ - { - "x": 0, - "y": "1", - "blur": "3", - "spread": 0, - "inset": false, - "color": "#000000", - "alpha": "0.4" - }, - { - "x": "0", - "y": "1", - "blur": "0", - "spread": 0, - "inset": true, - "color": "#ffffff", - "alpha": "0.1" - } - ], - "button": [ - { - "x": 0, - "y": 0, - "blur": 2, - "spread": 0, - "color": "#000000", - "alpha": 1 - }, - { - "x": 0, - "y": 1, - "blur": 0, - "spread": 0, - "color": "#FFFFFF", - "alpha": 0.2, - "inset": true - }, - { - "x": 0, - "y": -1, - "blur": 0, - "spread": 0, - "color": "#000000", - "alpha": 0.2, - "inset": true - } - ], - "buttonHover": [ - { - "x": 0, - "y": 0, - "blur": "1", - "spread": "2", - "color": "#b9b9ba", - "alpha": "0.4", - "inset": true - }, - { - "x": 0, - "y": 1, - "blur": 0, - "spread": 0, - "color": "#FFFFFF", - "alpha": 0.2, - "inset": true - }, - { - "x": 0, - "y": -1, - "blur": 0, - "spread": 0, - "color": "#000000", - "alpha": 0.2, - "inset": true - } - ], - "buttonPressed": [ - { - "x": 0, - "y": 0, - "blur": 4, - "spread": 0, - "color": "#000000", - "alpha": 1, - "inset": true - }, - { - "x": 0, - "y": 1, - "blur": 0, - "spread": 0, - "color": "#000000", - "alpha": 0.2, - "inset": true - }, - { - "x": 0, - "y": -1, - "blur": 0, - "spread": 0, - "color": "#FFFFFF", - "alpha": 0.2, - "inset": true - }, - { - "x": 0, - "y": 0, - "blur": "2", - "spread": 0, - "inset": false, - "color": "#000000", - "alpha": 1 - } - ], - "input": [ - { - "x": 0, - "y": 1, - "blur": 0, - "spread": 0, - "color": "#000000", - "alpha": 0.2, - "inset": true - }, - { - "x": 0, - "y": -1, - "blur": 0, - "spread": 0, - "color": "#FFFFFF", - "alpha": 0.2, - "inset": true - }, - { - "x": 0, - "y": 0, - "blur": 2, - "inset": true, - "spread": 0, - "color": "#000000", - "alpha": 1 - } - ] - }, - "colors": { - "underlay": "#090e14", - "bg": "#0f161e", - "fg": "#151e2b", - "cRed": "#d31014", - "cOrange": "#ffc459", - "cGreen": "#5dc94a", - "cBlue": "#81beea", - "accent": "#e2b188", - "link": "#e2b188", - "text": "#b9b9ba", - "badgeNotification": "#e15932", - "badgeNotificationText": "#ffffff", - "panel": "#151e2b", - "panelText": "#b9b9ba", - "alertNeutral": "#b9b9ba", - "alertNeutralPanelText": "#ffffff", - "alertNeutralText": "#ffffff", - "alertWarning": "#ffc459", - "alertWarningPanelText": "#ffffff", - "alertWarningText": "#ffffff", - "alertError": "#d31014", - "alertErrorPanelText": "#b9b9ba", - "alertErrorText": "#f0f0f0", - "fgText": "#b9b9ba", - "topBar": "#151e2b", - "topBarText": "#a0a5aa", - "input": "#151e2b", - "inputTopbarText": "#a0a5aa", - "inputPanelText": "#b9b9ba", - "inputText": "#b9b9ba", - "btn": "#151e2b", - "btnText": "#b9b9ba", - "btnTopBarText": "#b9b9ba", - "btnDisabled": "#111822", - "btnDisabledTopBarText": "#3b4148", - "btnPanelText": "#b9b9ba", - "btnDisabledPanelText": "#3b4148", - "btnDisabledText": "#3b4148", - "btnToggled": "#c08f60", - "btnToggledTopBarText": "#000000", - "btnToggledPanelText": "#000000", - "btnToggledText": "#000000", - "btnPressed": "#151e2b", - "btnPressedTopBarText": "#b9b9ba", - "btnPressedTopBar": "#151e2b", - "btnPressedPanelText": "#b9b9ba", - "btnPressedPanel": "#151e2b", - "btnPressedText": "#b9b9ba", - "tabActiveText": "#b9b9ba", - "tabText": "#b9b9ba", - "tab": "#151e2b", - "fgLink": "#e2b188", - "topBarLink": "#a0a5aa", - "panelLink": "#e2b188", - "panelFaint": "#b9b9ba", - "icon": "#64686c", - "poll": "#645449", - "pollText": "#ffffff", - "border": "#1b232d", - "postLink": "#e2b188", - "lightText": "#ededed", - "popover": "#0f161e", - "selectedMenuPopover": "#18232f", - "highlight": "#18232f", - "highlightText": "#b9b9ba", - "selectedMenu": "#18232f", - "selectedMenuText": "#b9b9ba", - "selectedMenuPopoverIcon": "#696e75", - "highlightLink": "#e2b188", - "selectedMenuLink": "#e2b188", - "selectedMenuPopoverLink": "#e2b188", - "selectedMenuPopoverText": "#b9b9ba", - "faintLink": "#e2b188", - "highlightFaintLink": "#e2b188", - "selectedMenuFaintLink": "#e2b188", - "selectedMenuPopoverFaintLink": "#e2b188", - "faint": "#b9b9ba", - "highlightFaintText": "#b9b9ba", - "selectedMenuFaintText": "#b9b9ba", - "selectedMenuPopoverFaintText": "#b9b9ba", - "highlightLightText": "#ededed", - "selectedMenuLightText": "#ededed", - "selectedMenuPopoverLightText": "#ededed", - "selectedMenuIcon": "#696e75", - "selectedPost": "#18232f", - "selectedPostText": "#b9b9ba", - "selectedPostIcon": "#696e75", - "selectedPostLink": "#e2b188", - "selectedPostFaintLink": "#e2b188", - "highlightPostLink": "#e2b188", - "selectedPostPostLink": "#e2b188", - "selectedPostLightText": "#ededed", - "selectedPostFaintText": "#b9b9ba", - "popoverText": "#b9b9ba", - "popoverIcon": "#64686c", - "popoverLink": "#e2b188", - "postFaintLink": "#e2b188", - "popoverPostFaintLink": "#e2b188", - "popoverFaintLink": "#e2b188", - "popoverFaintText": "#b9b9ba", - "popoverPostLink": "#e2b188", - "popoverLightText": "#ededed", - "highlightIcon": "#696e75", - "highlightPostFaintLink": "#e2b188", - "profileTint": "#0f161e", - "profileBg": "#070c11" - }, - "opacity": { - "underlay": 0.6, - "bg": 1, - "panel": 1, - "alert": 0.5, - "input": 0.5, - "btn": 1, - "faint": 0.5, - "border": 1, - "popover": 1, - "profileTint": 0.5 - }, - "radii": { - "btn": "3", - "input": "3", - "checkbox": 2, - "panel": "3", - "avatar": "3", - "avatarAlt": 50, - "tooltip": 2, - "attachment": "3" - }, - "fonts": { - "interface": { - "family": "sans-serif" - }, - "input": { - "family": "inherit" - }, - "post": { - "family": "inherit" - }, - "postCode": { - "family": "monospace" - } - } - }, "source": { "themeEngineVersion": 3, "fonts": {}, diff --git a/static/themes/pleroma-light.json b/static/themes/pleroma-light.json index 55cbe28a23..05fc300aa7 100644 --- a/static/themes/pleroma-light.json +++ b/static/themes/pleroma-light.json @@ -1,357 +1,6 @@ { "_pleroma_theme_version": 2, "name": "Pleroma Light", - "theme": { - "themeEngineVersion": 3, - "shadows": { - "panel": [ - { - "x": "0", - "y": 1, - "blur": "3", - "spread": 0, - "color": "#000000", - "alpha": "0.5" - }, - { - "x": "0", - "y": "3", - "blur": "6", - "spread": "1", - "inset": false, - "color": "#000000", - "alpha": "0.2" - } - ], - "topBar": [ - { - "x": 0, - "y": 0, - "blur": 4, - "spread": 0, - "color": "#000000", - "alpha": 0.6 - } - ], - "popup": [ - { - "x": "1", - "y": "2", - "blur": "2", - "spread": 0, - "color": "#000000", - "alpha": "0.2" - }, - { - "x": "1", - "y": "3", - "blur": "7", - "spread": "0", - "inset": false, - "color": "#000000", - "alpha": "0.2" - } - ], - "avatar": [ - { - "x": 0, - "y": 1, - "blur": 8, - "spread": 0, - "color": "#000000", - "alpha": 0.7 - } - ], - "avatarStatus": [ - { - "x": 0, - "y": "1", - "blur": "4", - "spread": "0", - "inset": false, - "color": "#000000", - "alpha": "0.2" - } - ], - "panelHeader": [ - { - "x": 0, - "y": "1", - "blur": 0, - "spread": 0, - "inset": true, - "color": "#ffffff", - "alpha": "0.5" - }, - { - "x": 0, - "y": "1", - "blur": "3", - "spread": 0, - "inset": false, - "color": "#000000", - "alpha": "0.3" - } - ], - "button": [ - { - "x": 0, - "y": 0, - "blur": 2, - "spread": 0, - "color": "#000000", - "alpha": "0.2" - }, - { - "x": 0, - "y": 1, - "blur": 0, - "spread": 0, - "color": "#FFFFFF", - "alpha": "0.5", - "inset": true - }, - { - "x": 0, - "y": -1, - "blur": 0, - "spread": 0, - "color": "#000000", - "alpha": 0.2, - "inset": true - } - ], - "buttonHover": [ - { - "x": 0, - "y": 0, - "blur": "2", - "spread": 0, - "color": "#000000", - "alpha": "0.2" - }, - { - "x": 0, - "y": "0", - "blur": "1", - "spread": "2", - "color": "#ffc39f", - "alpha": "1", - "inset": true - }, - { - "x": 0, - "y": -1, - "blur": 0, - "spread": 0, - "color": "#000000", - "alpha": 0.2, - "inset": true - } - ], - "buttonPressed": [ - { - "x": 0, - "y": 0, - "blur": 4, - "spread": 0, - "color": "#000000", - "alpha": "0.2" - }, - { - "x": 0, - "y": 1, - "blur": "1", - "spread": "2", - "color": "#000000", - "alpha": "0.3", - "inset": true - }, - { - "x": 0, - "y": -1, - "blur": 0, - "spread": 0, - "color": "#FFFFFF", - "alpha": 0.2, - "inset": true - } - ], - "input": [ - { - "x": 0, - "y": 1, - "blur": 0, - "spread": 0, - "color": "#000000", - "alpha": 0.2, - "inset": true - }, - { - "x": 0, - "y": -1, - "blur": 0, - "spread": 0, - "color": "#FFFFFF", - "alpha": 0.2, - "inset": true - }, - { - "x": 0, - "y": 0, - "blur": "2", - "inset": true, - "spread": 0, - "color": "#000000", - "alpha": "0.15" - } - ] - }, - "colors": { - "underlay": "#5d6086", - "bg": "#f2f6f9", - "fg": "#d6dfed", - "cRed": "#d31014", - "cOrange": "#ffa500", - "cGreen": "#0fa00f", - "cBlue": "#0095ff", - "accent": "#f55b1b", - "link": "#f55b1b", - "text": "#304055", - "badgeNotification": "#e83802", - "badgeNotificationText": "#ffffff", - "panel": "#d6dfed", - "panelText": "#304055", - "alertNeutral": "#304055", - "alertNeutralPanelText": "#000000", - "alertNeutralText": "#000000", - "alertWarning": "#ffa500", - "alertWarningPanelText": "#304055", - "alertWarningText": "#304055", - "alertError": "#d31014", - "alertErrorPanelText": "#000000", - "alertErrorText": "#000000", - "fgText": "#304055", - "topBar": "#d6dfed", - "topBarText": "#304055", - "input": "#dee3ed", - "inputTopbarText": "#304055", - "inputPanelText": "#304055", - "inputText": "#304055", - "btn": "#d6dfed", - "btnText": "#304055", - "btnTopBarText": "#304055", - "btnDisabled": "#ebf1f6", - "btnDisabledTopBarText": "#bdc5ce", - "btnPanelText": "#304055", - "btnDisabledPanelText": "#bdc5ce", - "btnDisabledText": "#bdc5ce", - "btnToggled": "#db9d77", - "btnToggledTopBarText": "#304055", - "btnToggledPanelText": "#304055", - "btnToggledText": "#304055", - "btnPressed": "#d6dfed", - "btnPressedTopBarText": "#304055", - "btnPressedTopBar": "#d6dfed", - "btnPressedPanelText": "#304055", - "btnPressedPanel": "#d6dfed", - "btnPressedText": "#304055", - "tabActiveText": "#304055", - "tabText": "#304055", - "tab": "#d6dfed", - "fgLink": "#e44a0a", - "topBarLink": "#304055", - "panelLink": "#f55b1b", - "panelFaint": "#304055", - "icon": "#919ba7", - "poll": "#f4b8a1", - "pollText": "#304055", - "border": "#d8e6f9", - "postLink": "#e44a0a", - "lightText": "#0c0f14", - "popover": "#f2f6f9", - "selectedMenuPopover": "#e1eaf1", - "highlight": "#e1eaf1", - "highlightText": "#304055", - "selectedMenu": "#e1eaf1", - "selectedMenuText": "#304055", - "selectedMenuPopoverIcon": "#8995a3", - "highlightLink": "#e44a0a", - "selectedMenuLink": "#f55b1b", - "selectedMenuPopoverLink": "#e44a0a", - "selectedMenuPopoverText": "#304055", - "faintLink": "#f55b1b", - "highlightFaintLink": "#e44a0a", - "selectedMenuFaintLink": "#f55b1b", - "selectedMenuPopoverFaintLink": "#e44a0a", - "faint": "#304055", - "highlightFaintText": "#304055", - "selectedMenuFaintText": "#304055", - "selectedMenuPopoverFaintText": "#304055", - "highlightLightText": "#0c0f14", - "selectedMenuLightText": "#0c0f14", - "selectedMenuPopoverLightText": "#0c0f14", - "selectedMenuIcon": "#8995a3", - "selectedPost": "#e1eaf1", - "selectedPostText": "#304055", - "selectedPostIcon": "#8995a3", - "selectedPostLink": "#f55b1b", - "selectedPostFaintLink": "#f55b1b", - "highlightPostLink": "#f55b1b", - "selectedPostPostLink": "#e44a0a", - "selectedPostLightText": "#0c0f14", - "selectedPostFaintText": "#304055", - "popoverText": "#304055", - "popoverIcon": "#919ba7", - "popoverLink": "#e44a0a", - "postFaintLink": "#e44a0a", - "popoverPostFaintLink": "#f55b1b", - "popoverFaintLink": "#e44a0a", - "popoverFaintText": "#304055", - "popoverPostLink": "#f55b1b", - "popoverLightText": "#0c0f14", - "highlightIcon": "#8995a3", - "highlightPostFaintLink": "#f55b1b", - "profileTint": "#f2f6f9", - "profileBg": "#808992" - }, - "opacity": { - "underlay": 0.4, - "bg": 1, - "panel": 1, - "alert": 0.5, - "input": 0.5, - "btn": 1, - "faint": 0.5, - "border": 1, - "popover": 1, - "profileTint": 0.5 - }, - "radii": { - "btn": "3", - "input": "3", - "checkbox": 2, - "panel": "3", - "avatar": "3", - "avatarAlt": 50, - "tooltip": 2, - "attachment": "3" - }, - "fonts": { - "interface": { - "family": "sans-serif" - }, - "input": { - "family": "inherit" - }, - "post": { - "family": "inherit" - }, - "postCode": { - "family": "monospace" - } - } - }, "source": { "themeEngineVersion": 3, "fonts": {}, From 5b7acca0bab12e88ad5b2c80b120859e440133de Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Sat, 22 Feb 2020 10:57:08 +0200 Subject: [PATCH 09/10] make theme loading work with source-only presets --- src/modules/instance.js | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/modules/instance.js b/src/modules/instance.js index 8781646d1f..f96337e476 100644 --- a/src/modules/instance.js +++ b/src/modules/instance.js @@ -1,5 +1,6 @@ import { set } from 'vue' import { getPreset, applyTheme } from '../services/style_setter/style_setter.js' +import { CURRENT_VERSION } from '../services/theme_data/theme_data.service.js' import { instanceDefaultProperties } from './config.js' const defaultState = { @@ -159,7 +160,14 @@ const instance = { // No need to apply theme if there's user theme already const { customTheme } = rootState.config if (customTheme) return - applyTheme(themeData.theme) + + // New theme presets don't have 'theme' property, they use 'source' + const themeSource = themeData.source + if (themeSource && themeSource.themeEngineVersion === CURRENT_VERSION) { + applyTheme(themeSource) + } else { + applyTheme(themeData.theme) + } }) }, fetchEmoji ({ dispatch, state }) { From ee582855d2f6ea02d8ee3cc4536b0b71ccece920 Mon Sep 17 00:00:00 2001 From: Shpuld Shpludson Date: Fri, 28 Feb 2020 17:20:40 +0000 Subject: [PATCH 10/10] Apply suggestion to src/modules/instance.js --- src/modules/instance.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/modules/instance.js b/src/modules/instance.js index f96337e476..ffece31129 100644 --- a/src/modules/instance.js +++ b/src/modules/instance.js @@ -163,7 +163,7 @@ const instance = { // New theme presets don't have 'theme' property, they use 'source' const themeSource = themeData.source - if (themeSource && themeSource.themeEngineVersion === CURRENT_VERSION) { + if (!themeData.theme || (themeSource && themeSource.themeEngineVersion === CURRENT_VERSION)) { applyTheme(themeSource) } else { applyTheme(themeData.theme)