Is creating a Theme for Confluence Cloud still possible?

I just wanted to create a Theme for Confluence Cloud. My theme gets installed just fine and I can select it as the Site Theme.

Well… So far so good… But no matter what I put in the “lookAndFeel” theme properties - the theme seems to have no effect at all.

Maybe I’ll just completely embarrass myself with this post because I’m just doing something obviously wrong… but all the screenshots in the documentation look extremely outdated and I’m wondering: can you actually still create a Confluence Theme with connect? (or is this just an artifact in the docs and it’s not possible anymore…)

This is the descriptor I used:

{
    "key": "custom-confluence-theme",
    "baseUrl": "https://something.ngrok.io",
    "name": "Custom Confluence Theme",
    "vendor": {
        "name": "Lively Apps",
        "url": "https://livelyapps.com"
    },
    "authentication": {
        "type": "none"
    },
    "scopes": [],
    "modules": {
        "confluenceThemes": [
            {
                "key": "custom-confluence-theme",
                "routeOverride": false,
                "availableGlobally": true,
                "icon": {
                    "width": 110,
                    "height": 70,
                    "url": "/icon.png"
                },
                "name": {
                    "value": "Custom Theme"
                },
                "description": {
                    "value": "bla"
                },
                "lookAndFeel": {
                    "headings": {
                        "color": "#6554C0"
                    },
                    "links": {
                        "color": "#36B37E"
                    },
                    "menus": {
                        "hoverOrFocus": {
                            "backgroundColor": "#3873AE"
                        },
                        "color": "#732D3E"
                    },
                    "bordersAndDividers": {
                        "color": "#0D0E0E"
                    },
                    "header": {
                        "backgroundColor": "#661F2D",
                        "button": {
                            "backgroundColor": "#894E59",
                            "color": "#FFFFFF"
                        },
                        "primaryNavigation": {
                            "hoverOrFocus": {
                                "backgroundColor": "#863647",
                                "color": "#FFFFFF"
                            },
                            "color": "#FFFFFF"
                        },
                        "secondaryNavigation": {
                            "hoverOrFocus": {
                                "backgroundColor": "#863647",
                                "color": "#FFFFFF"
                            },
                            "color": "#000000"
                        },
                        "search": {
                            "backgroundColor": "#9A636B",
                            "color": "#FFFFFF"
                        }
                    },
                    "content": {
                        "screen": {
                            "layer": {
                                "height": "250px",
                                "width": "100%",
                                "backgroundSize": "cover",
                                "backgroundRepeat": "no-repeat"
                            },
                            "background": "linear-gradient(45deg, rgba(176,104,112,1) 0%, rgba(244,212,216,1) 100%)",
                            "gutterTop": "20px",
                            "gutterRight": "small",
                            "gutterBottom": "none",
                            "gutterLeft": "small"
                        },
                        "container": {
                            "background": "#F4D4D8",
                            "padding": "0 20px",
                            "borderRadius": "10px"
                        },
                        "header": {
                            "background": "rgba(0, 0, 0, 0.2)",
                            "padding": "20px",
                            "borderRadius": "5px 5px 0 0"
                        },
                        "body": {
                            "background": "#FF5630",
                            "padding": "10px",
                            "borderRadius": "0 0 5px 5px"
                        }
                    }
                }
            }
        ]
    }
}

Cheers,
Sven

3 Likes

Hi @sven.schatter, I believe you still can customize themes.
Changing the Look and Feel of Confluence.

Hey @sven.schatter I’ve pointed this thread to the engineering team to get an update on the current status. I’ll respond here again once I get a better understanding of where it’s at.

1 Like

Thanks @mikeroyal but that’s for Confluence Server. :slight_smile:

Thank you @rwhitbeck !

There are some ugly bugs no one from atlassian cares about cares about like: CONFCLOUD-65593

Did you hear back from the team yet? :slight_smile: