theme.park icon indicating copy to clipboard operation
theme.park copied to clipboard

[New Theme Request] Flame

Open Oscaramr opened this issue 2 years ago • 2 comments

Flame Home Page would be nice They have there own CSS Page where you can easily import your own css.

Flame: Nice HomePage

Docker: https://hub.docker.com/r/pawelmalak/flame

GitHub: https://github.com/pawelmalak/flame

Oscaramr avatar Mar 19 '22 02:03 Oscaramr

This one should be super easy since custom themes for Flame are literally just an entry with 3 colors in a JSON file.

reeseovine avatar Apr 08 '22 00:04 reeseovine

I tried my hand at it, though you can't do background gradients with this method since it's used as background-color in CSS.

themes.json
{
    "themes": [
        {
            "name": "Aquamarine",
            "isCustom": true,
            "colors": {
                "primary": "#ddd",
                "accent": "#009688",
                "background": "#0b3161"
            }
        },
        {
            "name": "Dark",
            "isCustom": true,
            "colors": {
                "primary": "#dddddd",
                "accent": "#7a7a7a",
                "background": "#141414"
            }
        },
        {
            "name": "Dracula",
            "isCustom": true,
            "colors": {
                "primary": "#95adfa",
                "accent": "#50fa7b",
                "background": "#282a36"
            }
        },
        {
            "name": "Hotline",
            "isCustom": true,
            "colors": {
                "primary": "#dddddd",
                "accent": "#f98dc9",
                "background": "#155fa5"
            }
        },
        {
            "name": "Hot Pink",
            "isCustom": true,
            "colors": {
                "primary": "#eeeeee",
                "accent": "#fb3f62",
                "background": "#204c80"
            }
        },
        {
            "name": "Nord",
            "isCustom": true,
            "colors": {
                "primary": "#eceff4",
                "accent": "#88c0d0",
                "background": "#2e3440"
            }
        },
        {
            "name": "Organizr",
            "isCustom": true,
            "colors": {
                "primary": "#96a2b4",
                "accent": "#2cabe3",
                "background": "#1f1f1f"
            }
        },
        {
            "name": "Overseerr",
            "isCustom": true,
            "colors": {
                "primary": "#d1d5db",
                "accent": "#a78bfa",
                "background": "#1f1f1f"
            }
        },
        {
            "name": "Plex",
            "isCustom": true,
            "colors": {
                "primary": "#dddddd",
                "accent": "#cc7b19",
                "background": "#2e3741"
            }
        },
        {
            "name": "Space Gray",
            "isCustom": true,
            "colors": {
                "primary": "#bbbbbb",
                "accent": "#607d8b",
                "background": "#35444b"
            }
        }
    ]
}

reeseovine avatar Apr 08 '22 01:04 reeseovine