catppuccin
catppuccin copied to clipboard
catppuccin
Pleroma
Are you available to help in the creation of this port? 😄 (optional) I am good at CSS not colors
Additional context 📷 (optional) https://pleroma.social/
I have a theme going however not too sure if I followed the guide lines correctly so please give me feed back
{
"_pleroma_theme_version": 2,
"theme": {
"themeEngineVersion": 3,
"shadows": {
"panel": [
{
"color": "#000000",
"x": "0",
"y": "0",
"blur": "3",
"spread": 0,
"alpha": "0.5"
},
{
"color": "#000000",
"x": "0",
"y": "4",
"blur": "6",
"spread": "3",
"inset": false,
"alpha": "0.3"
}
],
"topBar": [
{
"color": "#000000",
"x": 0,
"y": "1",
"blur": 4,
"spread": 0,
"alpha": "0.4"
},
{
"color": "#000000",
"x": 0,
"y": "2",
"blur": "7",
"spread": 0,
"inset": false,
"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": [
{
"color": "#000000",
"x": 0,
"y": "1",
"blur": "3",
"spread": 0,
"inset": false,
"alpha": "0.4"
},
{
"color": "#ffffff",
"x": "0",
"y": "1",
"blur": "0",
"spread": 0,
"inset": true,
"alpha": "0.2"
}
],
"button": [
{
"color": "#000000",
"x": 0,
"y": 0,
"blur": 2,
"spread": 0,
"alpha": 1
},
{
"color": "#FFFFFF",
"x": 0,
"y": 1,
"blur": 0,
"spread": 0,
"alpha": 0.2,
"inset": true
},
{
"color": "#000000",
"x": 0,
"y": -1,
"blur": 0,
"spread": 0,
"alpha": 0.2,
"inset": true
}
],
"buttonHover": [
{
"color": "#b9b9ba",
"x": 0,
"y": 0,
"blur": "1",
"spread": "2",
"alpha": "0.4",
"inset": true
},
{
"color": "#FFFFFF",
"x": 0,
"y": 1,
"blur": 0,
"spread": 0,
"alpha": 0.2,
"inset": true
},
{
"color": "#000000",
"x": 0,
"y": -1,
"blur": 0,
"spread": 0,
"alpha": 0.2,
"inset": true
}
],
"buttonPressed": [
{
"color": "#000000",
"x": 0,
"y": 0,
"blur": 4,
"spread": 0,
"alpha": 1,
"inset": true
},
{
"color": "#000000",
"x": 0,
"y": 1,
"blur": 0,
"spread": 0,
"alpha": 0.2,
"inset": true
},
{
"color": "#FFFFFF",
"x": 0,
"y": -1,
"blur": 0,
"spread": 0,
"alpha": 0.2,
"inset": true
},
{
"color": "#000000",
"x": 0,
"y": 0,
"blur": "2",
"spread": 0,
"inset": false,
"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": "#000000",
"bg": "#1e1e2e",
"fg": "#181825",
"cRed": "#eba0ac",
"cGreen": "#a6e3a1",
"cOrange": "#fab387",
"cBlue": "#a6e3a1",
"accent": "#89b4fa",
"link": "#89b4fa",
"text": "#a6adc8",
"chatBg": "#1e1e2e",
"chatMessageIncomingBg": "#1e1e2e",
"chatMessageOutgoingBg": "#29293e",
"chatMessageOutgoingBorder": "#2d2d44",
"chatMessageOutgoingLink": "#89b4fa",
"chatMessageOutgoingText": "#a6adc8",
"border": "#1f1f2f",
"chatMessageIncomingBorder": "#232335",
"chatMessageIncomingLink": "#89b4fa",
"chatMessageIncomingText": "#a6adc8",
"badgeNotification": "#fab387",
"badgeNotificationText": "#a6adc8",
"alertNeutral": "#a6adc8",
"alertNeutralText": "#ffffff",
"alertPopupNeutral": "#a6adc8",
"alertPopupNeutralText": "#000000",
"alertSuccess": "#a6e3a1",
"alertSuccessText": "#ffffff",
"alertPopupSuccess": "#a6e3a1",
"alertPopupSuccessText": "#000000",
"alertWarning": "#fab387",
"alertWarningText": "#ffffff",
"alertPopupWarning": "#fab387",
"alertPopupWarningText": "#000000",
"alertError": "#eba0ac",
"alertErrorText": "#e9ebf2",
"alertPopupError": "#eba0ac",
"alertPopupErrorText": "#0e1017",
"panel": "#181825",
"panelText": "#a6adc8",
"alertNeutralPanelText": "#ffffff",
"alertSuccessPanelText": "#ffffff",
"alertWarningPanelText": "#ffffff",
"alertErrorPanelText": "#ffffff",
"fgText": "#a6adc8",
"topBar": "#181825",
"topBarText": "#8891b6",
"input": "#181825",
"inputTopbarText": "#8891b6",
"inputPanelText": "#a6adc8",
"inputText": "#a6adc8",
"btn": "#181825",
"btnText": "#a6adc8",
"btnTopBarText": "#a6adc8",
"btnDisabled": "#1d1d2c",
"btnDisabledTopBarText": "#3f4153",
"btnPanelText": "#a6adc8",
"btnDisabledPanelText": "#3f4153",
"btnDisabledText": "#3f4153",
"btnToggled": "#1368f5",
"btnToggledTopBarText": "#ffffff",
"btnToggledPanelText": "#ffffff",
"btnToggledText": "#ffffff",
"btnPressed": "#181825",
"btnPressedTopBarText": "#a6adc8",
"btnPressedTopBar": "#181825",
"btnPressedPanelText": "#a6adc8",
"btnPressedPanel": "#181825",
"btnPressedText": "#a6adc8",
"tabActiveText": "#a6adc8",
"tabText": "#a6adc8",
"tab": "#181825",
"fgLink": "#89b4fa",
"topBarLink": "#8891b6",
"panelLink": "#89b4fa",
"panelFaint": "#a6adc8",
"icon": "#62667b",
"poll": "#495a80",
"pollText": "#ffffff",
"postCyantext": "#a6e3a1",
"postGreentext": "#a6e3a1",
"postLink": "#89b4fa",
"lightText": "#e6e8ef",
"popover": "#1e1e2e",
"selectedMenuPopover": "#29293e",
"highlight": "#29293e",
"highlightText": "#a6adc8",
"selectedMenu": "#29293e",
"selectedMenuText": "#a6adc8",
"selectedMenuPopoverIcon": "#686b83",
"highlightLink": "#89b4fa",
"selectedMenuLink": "#89b4fa",
"selectedMenuPopoverLink": "#89b4fa",
"selectedMenuPopoverText": "#a6adc8",
"faintLink": "#89b4fa",
"highlightFaintLink": "#89b4fa",
"selectedMenuFaintLink": "#89b4fa",
"selectedMenuPopoverFaintLink": "#89b4fa",
"faint": "#a6adc8",
"highlightFaintText": "#a6adc8",
"selectedMenuFaintText": "#a6adc8",
"selectedMenuPopoverFaintText": "#a6adc8",
"highlightLightText": "#e6e8ef",
"selectedMenuLightText": "#e6e8ef",
"selectedMenuPopoverLightText": "#e6e8ef",
"selectedMenuIcon": "#686b83",
"selectedPost": "#29293e",
"selectedPostText": "#a6adc8",
"selectedPostIcon": "#686b83",
"selectedPostLink": "#89b4fa",
"selectedPostFaintLink": "#89b4fa",
"highlightPostLink": "#89b4fa",
"selectedPostPostLink": "#89b4fa",
"selectedPostLightText": "#e6e8ef",
"selectedPostFaintText": "#a6adc8",
"popoverText": "#a6adc8",
"popoverIcon": "#62667b",
"popoverLink": "#89b4fa",
"postFaintLink": "#89b4fa",
"popoverPostFaintLink": "#89b4fa",
"popoverFaintLink": "#89b4fa",
"popoverFaintText": "#a6adc8",
"popoverPostLink": "#89b4fa",
"popoverLightText": "#e6e8ef",
"highlightIcon": "#686b83",
"highlightPostFaintLink": "#89b4fa",
"profileTint": "#1e1e2e",
"profileBg": "#0f101b",
"wallpaper": "#1a1a28"
},
"opacity": {
"underlay": 0.6,
"bg": 1,
"border": 1,
"alert": 0.5,
"alertPopup": 0.95,
"panel": 1,
"input": 0.5,
"btn": 1,
"faint": 0.5,
"popover": 1,
"profileTint": 0.5
},
"radii": {
"btn": "3",
"input": "3",
"checkbox": 2,
"panel": "3",
"avatar": "3",
"avatarAlt": 50,
"tooltip": 2,
"attachment": "3",
"chatMessage": "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": "#1e1e2e",
"fg": "#181825",
"text": "#a6adc8",
"link": "#89b4fa",
"accent": "#89b4fa",
"cBlue": "#a6e3a1",
"cRed": "#eba0ac",
"cGreen": "#a6e3a1",
"cOrange": "#fab387",
"border": "--fg,3",
"topBarText": "--text,-9.75",
"topBarLink": "--topBarText",
"btnToggled": "--accent,-24.2",
"alertErrorText": "--text,21.2",
"badgeNotification": "#fab387",
"badgeNotificationText": "#a6adc8"
},
"radii": {
"btn": "3",
"input": "3",
"panel": "3",
"avatar": "3",
"attachment": "3"
}
}
}
If it looks good I will make a repo and work on other versions
Also how do I exactly make a repo? I am not exactly great at git pretty much all I know is clone commit push how do I commit it to the main project page?