jetbrains
jetbrains copied to clipboard
Theme for Fleet?
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%"
}
}
According to the official blog, the custom theme or 3rd-party plugin support is still on developing.
We'll follow up at the first time when the 3rd-party plugin support comes out.
bump
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.