jetbrains icon indicating copy to clipboard operation
jetbrains copied to clipboard

Theme for Fleet?

Open tommyboylab opened this issue 1 year ago • 2 comments

Just started using Fleet after it hit open preview, wanted to know what it would take to create a theme for it.

Seems to use a different theming convention from other IntelliJ IDEs, but theming suggests it's possible. Was looking into doing it myself but not sure which colors line up with which (ex: icon.blue.fill) so thought I'd bring this to the community.

Here's output of theme.json

{
  "meta": {
    "theme.name": "Dark Purple - Edited",
    "theme.kind": "Dark",
    "theme.version": 5
  },
  "colors": {
    "border": "4E4C63",
    "fill": "2C2C3B",
    "focusRing": "693687",
    "shadow": "1D1D26",
    "text": "D0D0D9",
    "icon": "eeeeee",

    "@hovered.fill": "d5d5d5",

    "icon.border": "Transparent",
    "icon.blue.fill": "4D85FF",
    "icon.gray.fill": "A4A1B3",
    "icon.green.fill": "25AD6B",
    "icon.orange.fill": "CABA2D",
    "icon.red.fill": "C63A5D",

    "tab.border": "Transparent",
    "tab.fill": "2C2C3B",
    "[email protected]": "1D1D26",

    "toggle.border": "544F70",

    "selection.fill": "713A91",

    "toggle.fill": "45405C",

    "button.border": "544F70",
    "button.fill": "45405C",

    "checkbox.fill": "343445",
    "checkbox.icon": "A4A1B3",
    "checkbox.border": "756B8C",

    "@focused.border": "904AC2",

    "@secondary.text": "6D6A80",

    "@placeholder.text": "6D6A80",

    "@dimmed.fill": "Transparent",
    "@dimmed.text": "6D6A80",

    "@disabled.fill": "Transparent",
    "@disabled.text": "646078",

    "@error.fill": "DD3962",
    "@error.text": "White",

    "@selected.fill": "49415C",

    "@success.text": "25AD6B",

    "button.text": "D0D0D9",
    "[email protected]": "45405C",
    "[email protected]": "Transparent",
    "[email protected]": "646078",
    "[email protected]": "814F9E",
    "[email protected]": "4C4766",
    "[email protected]": "D0D0D9",
    "[email protected]": "565073",
    "[email protected]": "D0D0D9",

    "[email protected]": "4C4766",
    "[email protected]": "565073",
    "[email protected]": "646078",
    "[email protected]": "8A64B3",
    "[email protected]": "2C2C3B",

    "completion.match.text": "ED94FF",
    "completion.match.fill": "Transparent",

    "dangerous.button.fill": "DD3962",
    "dangerous.button.focusRing": "A72A3F",
    "dangerous.button.text": "White",
    "dangerous.button.border": "Transparent",
    "[email protected]": "DF476D",
    "[email protected]": "E14F73",
    "[email protected]": "45405C",
    "[email protected]": "Transparent",
    "[email protected]": "646078",
    "[email protected]": "ED7388",

    "dialog.fill": "2C2C3B",
    "dialog.editor.fill": "2C2C3B",
    "dialog.editor.currentLine.fill": "363445",
    "[email protected]": "363445",
    "dialog.tab.fill": "Transparent",
    "[email protected]": "904AC2",
    "[email protected]": "3E3A4E",
    "dialog.tab.pane.fill": "2C2C3B",

    "diff.added.fill": "39703F",
    "diff.deleted.fill": "DFDFE6",
    "diff.modified.fill": "3E7AB3",
    "diff.conflict.fill": "BD3C5F",
    "diff.added.file": "76B366",
    "diff.modified.file": "62BAF5",
    "diff.conflict.file": "F0507A",

    "dnd.fill": "FFFFFF20%",

    "interline.block.fill": "252533",
    "interline.editor.currentLine.fill": "363445",
    "[email protected]": "363445",

    "editor.fill": "1D1D26",
    "editor.text": "Grey",
    "editor.braceHighlight.fill": "4E4766",
    "editor.caret.fill": "White",
    "editor.currentLine.fill": "242433",
    "[email protected]": "242433",
    "editor.lineNumber.text": "575566",
    "[email protected]": "9A97A8",
    "editor.whitespace.text": "8B85A6",

    "header.fill": "2C2C3B",

    "icon.button.border": "Transparent",
    "icon.button.fill": "Transparent",
    "[email protected]": "646078",
    "[email protected]": "814F9E",
    "[email protected]": "453E57",
    "[email protected]": "4C4766",
    "[email protected]": "49415C",
    "[email protected]": "B279F2",
    "icon.button.@[email protected]": "323245",
    "icon.button.@[email protected]": "814F9E",
    "icon.button.@[email protected]": "49415C",
    "icon.button.@selected.@[email protected]": "49415C",
    "icon.button.@[email protected]": "49415C",
    "icon.button.@[email protected]": "B279F2",
    "icon.button.@[email protected]": "B279F2",

    "[email protected]": "45405C",
    "[email protected]": "Transparent",
    "[email protected]": "646078",
    "[email protected]": "993750",
    "[email protected]": "814F9E",
    "input.@[email protected]": "D4677A",
    "input.@[email protected]": "993750",

    "link.text": "7094ff",
    "link.focusRing": "7094ff",

    "list.cursor.border": "904AC2",

    "popup.border": "4e4b61",

    "primary.button.fill": "6B388F",
    "primary.button.focusRing": "784299",
    "primary.button.border": "7C519C",
    "[email protected]": "744496",
    "[email protected]": "784A99",
    "[email protected]": "45405C",
    "[email protected]": "Transparent",
    "[email protected]": "646078",
    "[email protected]": "8465A6",

    "progress.fill": "A85ED6",
    "progress.container.fill": "1D1D26",
    "progress.@[email protected]": "674182",

    "scrollbar.fill": "FFFFFF30%",
    "[email protected]": "FFFFFF20%",
    "[email protected]": "FFFFFF40%",

    "[email protected]": "3D3952",
    "[email protected]": "2C2C3B",

    "separator.fill": "4E4C63",

    "mainSplit.separator.fill": "4E4C63",

    "[email protected]": "D0D0D9",
    "simpleToggle.circle.fill": "D0D0D9",
    "simpleToggle.strip.@[email protected]": "666380",
    "[email protected]": "666380",
    "simpleToggle.strip.fill": "6B388F",

    "match.fill": "CCA929",
    "match.text": "000000",

    "[email protected]": "3E3A4E",
    "tab.pane.fill": "2C2C3B",
    "tab.@[email protected]": "904AC2",
    "tab.@[email protected]": "1D1D26",

    "terminal.ansiBlack.fill": "484848",
    "terminal.ansiBlack.text": "B3B3B3",
    "terminal.ansiBlue.fill": "405C80",
    "terminal.ansiBlue.text": "1D6BCC",
    "terminal.ansiBrightBlack.fill": "424242",
    "terminal.ansiBrightBlack.text": "595959",
    "terminal.ansiBrightBlue.fill": "314966",
    "terminal.ansiBrightBlue.text": "0067E6",
    "terminal.ansiBrightCyan.fill": "2F5F66",
    "terminal.ansiBrightCyan.text": "00BAD6",
    "terminal.ansiBrightGreen.fill": "2D6654",
    "terminal.ansiBrightGreen.text": "009E6F",
    "terminal.ansiBrightMagenta.fill": "4E3166",
    "terminal.ansiBrightMagenta.text": "EB4DDE",
    "terminal.ansiBrightRed.fill": "66333A",
    "terminal.ansiBrightRed.text": "C7001B",
    "terminal.ansiBrightWhite.fill": "1D1D26",
    "terminal.ansiBrightWhite.text": "0D0D0D",
    "terminal.ansiBrightYellow.fill": "665234",
    "terminal.ansiBrightYellow.text": "E09119",
    "terminal.ansiCyan.fill": "477880",
    "terminal.ansiCyan.text": "2CCCE6",
    "terminal.ansiGreen.fill": "437A6A",
    "terminal.ansiGreen.text": "88DBD7",
    "terminal.ansiMagenta.fill": "6B5280",
    "terminal.ansiMagenta.text": "EB83E2",
    "terminal.ansiRed.fill": "804A52",
    "terminal.ansiRed.text": "C73649",
    "terminal.ansiWhite.fill": "898989",
    "terminal.ansiWhite.text": "212121",
    "terminal.ansiYellow.fill": "80653E",
    "terminal.ansiYellow.text": "FAD075",

    "[email protected]": "Transparent",
    "[email protected]": "646078",
    "[email protected]": "814F9E",
    "[email protected]": "4C4766",
    "[email protected]": "565073",
    "[email protected]": "6B388F",
    "[email protected]": "Transparent",
    "[email protected]": "7C519C",
    "toggle.@[email protected]": "2C2C3B",
    "toggle.@[email protected]": "8465A6",
    "toggle.@[email protected]": "6B388F",
    "toggle.@[email protected]": "744496",
    "toggle.@[email protected]": "784A99",
    "toggle.@selected.@[email protected]": "744496",
    "toggle.@selected.@[email protected]": "784A99",

    "tool.fill": "1D1D26",

    "tooltip.fill": "463f57",

    "tree.cursor.border": "904AC2",
    "[email protected]": "904AC2",

    "[email protected]": "C42B1C",
    "[email protected]": "White",
    "[email protected]": "C73C31",
    "[email protected]": "EDBEBB"
  },
  "text-attributes": {
    "editor.selection": {
        "bgColor": "214283",
        "layer": 2000
    },
    "editor.text.scheme": {
        "fgColor": "Grey"
    },
    "editor.text.composable": {
        "decoration": {
            "color": "Grey"
        }
    },
    "editor.search.results": {
        "bgColor": "2D5959",
        "stripeColor": "3D9999",
        "layer": 100
    },
    "editor.rename.entries": {
        "bgColor": "113623",
        "stripeColor": "268053",
        "layer": 100,
        "showEmptyIntervals": true
    },
    "editor.rename.current": {
        "layer": 100,
        "showEmptyIntervals": true,
        "decoration": {
            "color": "93A6F5",
            "style": "BORDER"
        }
    },
    "comment": {
        "fgColor": "676773",
        "layer": 5
    },
    "comment.parameter": {
        "fgColor": "5A6E5A",
        "layer": 5
    },
    "comment.parameter.value": {
        "fgColor": "8C6154",
        "layer": 5
    },
    "link": {
    },
    "link.always.visible": {
        "decoration": {
        }
    },
    "link.hovered": {
        "fgColor": "50AFDE",
        "layer": 100,
        "decoration": {
            "color": "4D7F99"
        }
    },
    "keyword": {
        "fgColor": "E0957B",
        "layer": 20
    },
    "keyword.typeModifier": {
        "fgColor": "E0957B",
        "layer": 20
    },
    "metadata": {
        "fgColor": "85A658",
        "layer": 25
    },
    "number": {
        "fgColor": "4DACF0",
        "layer": 10
    },
    "boolean": {
        "fgColor": "E0957B",
        "layer": 10
    },
    "string": {
        "fgColor": "62A362",
        "layer": 15
    },
    "string.binary": {
        "fgColor": "A5C261",
        "layer": 15
    },
    "string.escape": {
        "fgColor": "E0957B",
        "layer": 25
    },
    "string.escape.alternative": {
        "fgColor": "FF8D1C",
        "layer": 25
    },
    "string.formatItem": {
        "fgColor": "E0957B",
        "layer": 25
    },
    "string.regexp": {
        "fgColor": "6897BB",
        "layer": 25
    },
    "identifier": {
        "fgColor": "Grey",
        "layer": 10
    },
    "identifier.this": {
        "fgColor": "8888C6",
        "layer": 20
    },
    "identifier.underCaret": {
        "bgColor": "113623",
        "stripeColor": "268053",
        "layer": 1000
    },
    "identifier.constant": {
        "fgColor": "93A6F5",
        "layer": 20
    },
    "identifier.constant.predefined": {
        "fgColor": "E0957B",
        "layer": 20
    },
    "identifier.variable.local": {
        "fgColor": "Grey",
        "layer": 20
    },
    "identifier.variable.local.reassigned": {
        "fgColor": "Grey",
        "layer": 20,
        "decoration": {
            "color": "A6A6A6"
        }
    },
    "identifier.parameter": {
        "fgColor": "Grey",
        "layer": 20
    },
    "identifier.function.declaration": {
        "fgColor": "C7A65D",
        "layer": 20
    },
    "identifier.function.call": {
        "fgColor": "Grey",
        "layer": 20
    },
    "identifier.function.call.suspend": {
        "fgColor": "Grey",
        "layer": 20
    },
    "identifier.function.call.package": {
        "fgColor": "Grey",
        "layer": 20
    },
    "identifier.method.static": {
        "fgColor": "Grey",
        "layer": 20,
        "fontModifier": {
            "italic": true
        }
    },
    "identifier.type": {
        "fgColor": "Grey",
        "layer": 20
    },
    "identifier.field": {
        "fgColor": "93A6F5",
        "layer": 20
    },
    "identifier.field.static": {
        "fgColor": "93A6F5",
        "layer": 20,
        "fontModifier": {
            "italic": true
        }
    },
    "identifier.interface": {
        "fgColor": "Grey",
        "layer": 20
    },
    "identifier.type.class": {
        "fgColor": "Grey",
        "layer": 20
    },
    "identifier.type.enum": {
        "fgColor": "Grey",
        "layer": 20
    },
    "identifier.type.struct": {
        "fgColor": "Grey",
        "layer": 20
    },
    "identifier.type.valueType": {
        "fgColor": "93A6F5",
        "layer": 20
    },
    "identifier.typeParameter": {
        "fgColor": "37CCCC",
        "layer": 20
    },
    "identifier.namedArgument": {
        "fgColor": "4DACF0",
        "layer": 20
    },
    "identifier.other": {
        "fgColor": "Grey",
        "layer": 20
    },

    "markup.heading": {
        "fgColor": "93A6F5",
        "layer": 20
    },
    "markup.bold": {
        "fgColor": "Grey",
        "layer": 20,
        "fontModifier": {
            "bold": true
        }
    },
    "markup.italic": {
        "fgColor": "Grey",
        "layer": 20,
        "fontModifier": {
            "italic": true
        }
    },
    "markup.code.block": {
        "fgColor": "62A362",
        "layer": 20
    },
    "markup.href": {
        "fgColor": "50AFDE",
        "layer": 20,
        "fontModifier": {
            "italic": true
        },
        "decoration": {
        }
    },
    "punctuation": {
        "fgColor": "Grey",
        "layer": 20
    },
    "punctuation.operator": {
        "fgColor": "Grey",
        "layer": 20
    },
    "snippet": {
        "bgColor": "214283",
        "showEmptyIntervals": true,
        "borderRadius": 4.0
    },

    "debug.currentFrame": {
        "bgColor": "0B3773",
        "layer": -68,
        "fullLine": true
    },

    "diff.added": {
        "bgColor": "1D2E25",
        "stripeColor": "42A651",
        "layer": -69,
        "fullLine": true
    },
    "diff.added.word": {
        "bgColor": "1E4723",
        "layer": -60
    },
    "diff.added.withBorder": {
        "bgColor": "1D2E25",
        "layer": -69,
        "fullLine": true,
        "decoration": {
            "color": "1E4723",
            "style": "BORDER"
        }
    },
    "diff.added.empty": {
        "bgColor": "42A651",
        "layer": -60,
        "showEmptyIntervals": true
    },
    "diff.deleted": {
        "bgColor": "2E2E38",
        "stripeColor": "BABAD9",
        "layer": -69,
        "fullLine": true
    },
    "diff.deleted.word": {
        "bgColor": "474754",
        "layer": -60,
        "showEmptyIntervals": true
    },
    "diff.deleted.withBorder": {
        "bgColor": "2E2E38",
        "layer": -69,
        "fullLine": true,
        "decoration": {
            "color": "474754",
            "style": "BORDER"
        }
    },
    "diff.deleted.empty": {
        "bgColor": "BABAD9",
        "layer": -60,
        "showEmptyIntervals": true
    },
    "diff.modified": {
        "bgColor": "19324A",
        "stripeColor": "3399FF",
        "layer": -69,
        "fullLine": true
    },
    "diff.modified.word": {
        "bgColor": "135280",
        "layer": -60
    },
    "diff.modified.withBorder": {
        "bgColor": "19324A",
        "layer": -69,
        "fullLine": true,
        "decoration": {
            "color": "135280",
            "style": "BORDER"
        }
    },
    "diff.conflict.withBorder": {
        "bgColor": "3F222C",
        "layer": -68,
        "fullLine": true,
        "decoration": {
            "color": "732936",
            "style": "BORDER"
        }
    },

    "problem.error": {
        "stripeColor": "DD3962",
        "layer": 70,
        "decoration": {
            "color": "DD3962",
            "style": "WAVY"
        }
    },
    "problem.error.badCharacter": {
        "stripeColor": "DD3962",
        "layer": 100,
        "showEmptyIntervals": true,
        "decoration": {
            "color": "DD3962",
            "style": "WAVY"
        }
    },
    "problem.warning": {
        "bgColor": "403618",
        "stripeColor": "BF8915",
        "layer": 60
    },
    "problem.warning.weak": {
        "stripeColor": "756D56",
        "layer": 40,
        "decoration": {
            "color": "B39500",
            "style": "WAVY"
        }
    },
    "problem.deprecated": {
        "layer": 30,
        "decoration": {
            "color": "C3C3C3",
            "position": "THROUGH"
        }
    },
    "problem.info": {
        "stripeColor": "756D56",
        "layer": 50,
        "decoration": {
            "color": "B39500",
            "style": "BORDER"
        }
    },
    "problem.unknown": {
        "fgColor": "F23F6C",
        "stripeColor": "DD3962",
        "layer": 50
    },
    "problem.unused": {
        "fgColor": "8C8C8C",
        "layer": 60,
        "decoration": {
            "color": "999999",
            "style": "WAVY"
        }
    },
    "transparent": {
    }
  },
  "palette": {
    "White": "ffffff",
    "Grey": "c9c9d1",
    "Black": "000000",
    "Transparent": "ffffff0%"
  }
}

tommyboylab avatar Oct 14 '22 15:10 tommyboylab

According to the official blog, the custom theme or 3rd-party plugin support is still on developing. image We'll follow up at the first time when the 3rd-party plugin support comes out.

WhiteVermouth avatar Oct 14 '22 16:10 WhiteVermouth

bump

nailliK avatar Jan 11 '24 01:01 nailliK

Hey @tommyboylab,

Thanks for showing your interest in contributing to the Dracula PRO theme library!

I'm excited to announce that we're very recently started working on a theme for JetBrains Fleet!

The best way to stay up to date with new themes and releases is by listening out on our Discord server.

ramsaysewell avatar Apr 01 '24 17:04 ramsaysewell