diff --git a/static/images/deep_space_dark.jpeg b/static/images/deep_space_dark.jpeg new file mode 100644 index 00000000..36c2e567 Binary files /dev/null and b/static/images/deep_space_dark.jpeg differ diff --git a/static/static/themes/envs-dark-theme.json b/static/static/themes/envs-dark-theme.json new file mode 100644 index 00000000..409aa095 --- /dev/null +++ b/static/static/themes/envs-dark-theme.json @@ -0,0 +1,543 @@ +{ + "_pleroma_theme_version": 2, + "name": "envs-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": "#d8a070", + "link": "#d8a070", + "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": "#a0a0a2", + "input": "#151e2b", + "inputTopbarText": "#a0a0a2", + "inputPanelText": "#b9b9ba", + "inputText": "#b9b9ba", + "btn": "#151e2b", + "btnText": "#b9b9ba", + "btnTopBarText": "#b9b9ba", + "btnDisabled": "#111822", + "btnDisabledTopBarText": "#3b4148", + "btnPanelText": "#b9b9ba", + "btnDisabledPanelText": "#3b4148", + "btnDisabledText": "#3b4148", + "btnToggled": "#a1622c", + "btnToggledTopBarText": "#ffffff", + "btnToggledPanelText": "#ffffff", + "btnToggledText": "#ffffff", + "btnPressed": "#151e2b", + "btnPressedTopBarText": "#b9b9ba", + "btnPressedTopBar": "#151e2b", + "btnPressedPanelText": "#b9b9ba", + "btnPressedPanel": "#151e2b", + "btnPressedText": "#b9b9ba", + "tabActiveText": "#b9b9ba", + "tabText": "#b9b9ba", + "tab": "#151e2b", + "fgLink": "#d8a070", + "topBarLink": "#d8a070", + "panelLink": "#d8a070", + "panelFaint": "#b9b9ba", + "icon": "#64686c", + "poll": "#604e3f", + "pollText": "#ffffff", + "border": "#1b2636", + "postLink": "#d8a070", + "lightText": "#ededed", + "popover": "#0f161e", + "selectedMenuPopover": "#18232f", + "highlight": "#18232f", + "highlightText": "#b9b9ba", + "selectedMenu": "#18232f", + "selectedMenuText": "#b9b9ba", + "selectedMenuPopoverIcon": "#696e75", + "highlightLink": "#d8a070", + "selectedMenuLink": "#d8a070", + "selectedMenuPopoverLink": "#d8a070", + "selectedMenuPopoverText": "#b9b9ba", + "faintLink": "#d8a070", + "highlightFaintLink": "#d8a070", + "selectedMenuFaintLink": "#d8a070", + "selectedMenuPopoverFaintLink": "#d8a070", + "faint": "#b9b9ba", + "highlightFaintText": "#b9b9ba", + "selectedMenuFaintText": "#b9b9ba", + "selectedMenuPopoverFaintText": "#b9b9ba", + "highlightLightText": "#ededed", + "selectedMenuLightText": "#ededed", + "selectedMenuPopoverLightText": "#ededed", + "selectedMenuIcon": "#696e75", + "selectedPost": "#18232f", + "selectedPostText": "#b9b9ba", + "selectedPostIcon": "#696e75", + "selectedPostLink": "#d8a070", + "selectedPostFaintLink": "#d8a070", + "highlightPostLink": "#d8a070", + "selectedPostPostLink": "#d8a070", + "selectedPostLightText": "#ededed", + "selectedPostFaintText": "#b9b9ba", + "popoverText": "#b9b9ba", + "popoverIcon": "#64686c", + "popoverLink": "#d8a070", + "postFaintLink": "#d8a070", + "popoverPostFaintLink": "#d8a070", + "popoverFaintLink": "#d8a070", + "popoverFaintText": "#b9b9ba", + "popoverPostLink": "#d8a070", + "popoverLightText": "#ededed", + "highlightIcon": "#696e75", + "highlightPostFaintLink": "#d8a070", + "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": "#d8a070", + "cBlue": "#81beea", + "cRed": "#d31014", + "cGreen": "#5dc94a", + "cOrange": "#ffc459", + "border": "--fg,3", + "fgLink": "#d8a070", + "topBarText": "--text,-9.75", + "btnToggled": "--accent,-24.2", + "alertErrorText": "--text,21.2", + "badgeNotification": "#e15932", + "badgeNotificationText": "#ffffff" + }, + "radii": { + "btn": "3", + "input": "3", + "panel": "3", + "avatar": "3", + "attachment": "3" + } + } +}