Flexoki - AnKing-VIP/AnkiRecolor GitHub Wiki

Created by George Ingebretsen

Info

• Flexoki theme by Steph Ango.
• Both Dark & Light

Screenshots

Snippet

{
    "colors": {
        "ACCENT_CARD": [
            "Card mode",
            "#4385BE",
            "#4385BE",
            "--accent-card"
        ],
        "ACCENT_DANGER": [
            "Danger",
            "#AF3029",
            "#D14D41",
            "--accent-danger"
        ],
        "ACCENT_NOTE": [
            "Note mode",
            "#879A39",
            "#879A39",
            "--accent-note"
        ],
        "BORDER": [
            "Border",
            "#B7B5AC",
            "#403E3C",
            "--border"
        ],
        "BORDER_FOCUS": [
            "Border (focused input)",
            "#4385BE",
            "#4385BE",
            "--border-focus"
        ],
        "BORDER_STRONG": [
            "Border (strong)",
            "#6F6E69",
            "#575653",
            "--border-strong"
        ],
        "BORDER_SUBTLE": [
            "Border (subtle)",
            "#DAD8CE",
            "#343331",
            "--border-subtle"
        ],
        "BUTTON_BG": [
            "Button background",
            "#F2F0E5",
            "#1C1B1A",
            "--button-bg"
        ],
        "BUTTON_DISABLED": [
            "Button background (disabled)",
            "#9F9D96",
            "#403E3C",
            "--button-disabled"
        ],
        "BUTTON_HOVER": [
            "Button background (hover)",
            "#E6E4D9",
            "#282726",
            [
                "--button-gradient-start",
                "--button-gradient-end"
            ]
        ],
        "BUTTON_HOVER_BORDER": [
            "Button border (hover)",
            "#9F9D96",
            "#6F6E69",
            "--button-hover-border"
        ],
        "BUTTON_PRIMARY_BG": [
            "Button Primary Bg",
            "#4385BE",
            "#4385BE",
            "--button-primary-bg"
        ],
        "BUTTON_PRIMARY_DISABLED": [
            "Button Primary Disabled",
            "#878580",
            "#878580",
            "--button-primary-disabled"
        ],
        "BUTTON_PRIMARY_GRADIENT_END": [
            "Button Primary Gradient End",
            "#205EA6",
            "#205EA6",
            "--button-primary-gradient-end"
        ],
        "BUTTON_PRIMARY_GRADIENT_START": [
            "Button Primary Gradient Start",
            "#4385BE",
            "#4385BE",
            "--button-primary-gradient-start"
        ],
        "CANVAS": [
            "Background",
            "#FFFCF0",
            "#100F0F",
            [
                "--canvas",
                "--bs-body-bg"
            ]
        ],
        "CANVAS_CODE": [
            "Code editor background",
            "#F2F0E5",
            "#1C1B1A",
            "--canvas-code"
        ],
        "CANVAS_ELEVATED": [
            "Background (elevated)",
            "#F2F0E5",
            "#1C1B1A",
            "--canvas-elevated"
        ],
        "CANVAS_GLASS": [
            "Background (transparent text surface)",
            "#FFFCF066",
            "#100F0F66",
            "--canvas-glass"
        ],
        "CANVAS_INSET": [
            "Background (inset)",
            "#E6E4D9",
            "#282726",
            "--canvas-inset"
        ],
        "CANVAS_OVERLAY": [
            "Background (menu & tooltip)",
            "#FFFCF0",
            "#1C1B1A",
            "--canvas-overlay"
        ],
        "FG": [
            "Text",
            "#100F0F",
            "#FFFCF0",
            [
                "--fg",
                "--bs-body-color"
            ]
        ],
        "FG_DISABLED": [
            "Text (disabled)",
            "#9F9D96",
            "#6F6E69",
            "--fg-disabled"
        ],
        "FG_FAINT": [
            "Text (faint)",
            "#878580",
            "#878580",
            "--fg-faint"
        ],
        "FG_LINK": [
            "Text (link)",
            "#4385BE",
            "#4385BE",
            "--fg-link"
        ],
        "FG_SUBTLE": [
            "Text (subtle)",
            "#6F6E69",
            "#9F9D96",
            "--fg-subtle"
        ],
        "FLAG_1": [
            "Flag 1",
            "#AF3029",
            "#D14D41",
            "--flag-1"
        ],
        "FLAG_2": [
            "Flag 2",
            "#BC5215",
            "#DA702C",
            "--flag-2"
        ],
        "FLAG_3": [
            "Flag 3",
            "#66800B",
            "#879A39",
            "--flag-3"
        ],
        "FLAG_4": [
            "Flag 4",
            "#205EA6",
            "#4385BE",
            "--flag-4"
        ],
        "FLAG_5": [
            "Flag 5",
            "#A02F6F",
            "#CE5D97",
            "--flag-5"
        ],
        "FLAG_6": [
            "Flag 6",
            "#24837B",
            "#3AA99F",
            "--flag-6"
        ],
        "FLAG_7": [
            "Flag 7",
            "#5E409D",
            "#8B7EC8",
            "--flag-7"
        ],
        "HIGHLIGHT_BG": [
            "Highlight background",
            "#AD830180",
            "#D0A21580",
            "--highlight-bg"
        ],
        "HIGHLIGHT_FG": [
            "Highlight text",
            "#100F0F",
            "#FFFCF0",
            "--highlight-fg"
        ],
        "SCROLLBAR_BG": [
            "Scrollbar background",
            "#DAD8CE",
            "#282726",
            "--scrollbar-bg"
        ],
        "SCROLLBAR_BG_ACTIVE": [
            "Scrollbar background (active)",
            "#B7B5AC",
            "#403E3C",
            "--scrollbar-bg-active"
        ],
        "SCROLLBAR_BG_HOVER": [
            "Scrollbar background (hover)",
            "#CECDC3",
            "#343331",
            "--scrollbar-bg-hover"
        ],
        "SELECTED_BG": [
            "Selected Bg",
            "#AD830180",
            "#D0A21580",
            "--selected-bg"
        ],
        "SELECTED_FG": [
            "Selected Fg",
            "#100F0F",
            "#FFFCF0",
            "--selected-fg"
        ],
        "SHADOW": [
            "Shadow",
            "#CECDC3",
            "#1C1B1A",
            "--shadow"
        ],
        "SHADOW_FOCUS": [
            "Shadow (focused input)",
            "#4385BE",
            "#4385BE",
            "--shadow-focus"
        ],
        "SHADOW_INSET": [
            "Shadow (inset)",
            "#DAD8CE",
            "#100F0F",
            "--shadow-inset"
        ],
        "SHADOW_SUBTLE": [
            "Shadow (subtle)",
            "#B7B5AC",
            "#1C1B1A",
            "--shadow-subtle"
        ],
        "STATE_BURIED": [
            "Buried",
            "#BC5215",
            "#DA702C",
            "--state-buried"
        ],
        "STATE_LEARN": [
            "Learn",
            "#AF3029",
            "#D14D41",
            "--state-learn"
        ],
        "STATE_MARKED": [
            "Marked",
            "#A02F6F",
            "#CE5D97",
            "--state-marked"
        ],
        "STATE_NEW": [
            "New",
            "#205EA6",
            "#4385BE",
            "--state-new"
        ],
        "STATE_REVIEW": [
            "Review",
            "#66800B",
            "#879A39",
            "--state-review"
        ],
        "STATE_SUSPENDED": [
            "Suspended",
            "#AD8301",
            "#D0A215",
            "--state-suspended"
        ]
    },
    "themes": {
        "(dark) Flexoki": {
            "name": "Flexoki Dark"
        },
        "(light) Flexoki": {
            "name": "Flexoki Light"
        }
    },
    "version": {
        "major": 3,
        "minor": 1
    }
}