moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update pleroma-dark and pleroma-light

This commit is contained in:
Shpuld Shpuldson 2020-02-20 20:47:24 +02:00
parent d19c64314f
commit 8bb5d775b4
3 changed files with 1115 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/styles.json
View File

@ -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"],

543
static/themes/pleroma-dark.json Normal file
View File

@ -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"
}
}
}

570
static/themes/pleroma-light.json Normal file
View File

@ -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"
}
}
}