hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Manually split out terminal color names and fully type LensTheme

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2022-12-05 12:11:27 -05:00
parent 621ca72f13
commit 8b9a9ab25f
4 changed files with 420 additions and 289 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

278
src/renderer/themes/lens-dark.injectable.ts
View File

@ -8,144 +8,146 @@ import { lensThemeDeclarationInjectionToken } from "./declaration";
const lensDarkThemeInjectable = getInjectable({
id: "lens-dark-theme",
instantiate: () => ({
"name": "Dark",
"type": "dark" as const,
"description": "Original Lens dark theme",
"author": "Mirantis",
"monacoTheme": "clouds-midnight" as const,
"colors": {
"blue": "#3d90ce",
"magenta": "#c93dce",
"golden": "#ffc63d",
"halfGray": "#87909c80",
"primary": "#3d90ce",
"textColorPrimary": "#8e9297",
"textColorSecondary": "#a0a0a0",
"textColorTertiary": "#909ba6",
"textColorAccent": "#ffffff",
"textColorDimmed": "#8e92978c",
"borderColor": "#4c5053",
"borderFaintColor": "#373a3e",
"mainBackground": "#1e2124",
"secondaryBackground": "#1e2125",
"contentColor": "#262b2f",
"layoutBackground": "#2e3136",
"layoutTabsBackground": "#252729",
"layoutTabsActiveColor": "#ffffff",
"layoutTabsLineColor": "#87909c80",
"sidebarBackground": "#36393e",
"sidebarLogoBackground": "#414448",
"sidebarActiveColor": "#ffffff",
"sidebarSubmenuActiveColor": "#ffffff",
"sidebarItemHoverBackground": "#3a3e44",
"badgeBackgroundColor": "#ffba44",
"buttonPrimaryBackground": "#3d90ce",
"buttonDefaultBackground": "#414448",
"buttonLightBackground": "#f1f1f1",
"buttonAccentBackground": "#e85555",
"buttonDisabledBackground": "#808080",
"tableBgcStripe": "#2a2d33",
"tableBgcSelected": "#383c42",
"tableHeaderBackground": "#262b2f",
"tableHeaderBorderWidth": "1px",
"tableHeaderBorderColor": "#36393e",
"tableHeaderColor": "#ffffff",
"tableSelectedRowColor": "#ffffff",
"helmLogoBackground": "#ffffff",
"helmStableRepo": "#3d90ce",
"helmIncubatorRepo": "#ff7043",
"helmDescriptionHr": "#41474a",
"helmDescriptionBlockquoteColor": "#bbb",
"helmDescriptionBlockquoteBorder": "#8a8f93",
"helmDescriptionBlockquoteBackground": "#3b4348",
"helmDescriptionHeaders": "#3e4147",
"helmDescriptionH6": "#6a737d",
"helmDescriptionTdBorder": "#47494a",
"helmDescriptionTrBackground": "#1c2125",
"helmDescriptionCodeBackground": "#ffffff1a",
"helmDescriptionPreBackground": "#1b1f21",
"helmDescriptionPreColor": "#b4b5b4",
"colorSuccess": "#43a047",
"colorOk": "#4caf50",
"colorInfo": "#3d90ce",
"colorError": "#ce3933",
"colorSoftError": "#e85555",
"colorWarning": "#ff9800",
"colorVague": "#36393e",
"colorTerminated": "#4c5053",
"dockHeadBackground": "#2e3136",
"dockInfoBackground": "#1e2125",
"dockInfoBorderColor": "#303136",
"dockEditorBackground": "#000000",
"dockEditorTag": "#8e97a3",
"dockEditorKeyword": "#ffffff",
"dockEditorComment": "#808080",
"dockEditorActiveLineBackground": "#3a3d41",
"dockBadgeBackground": "#36393e",
"dockTabBorderColor": "#43424d",
"dockTabActiveBackground": "#3a3e45",
"logsBackground": "#000000",
"logsForeground": "#ffffff",
"logRowHoverBackground": "#35373a",
"terminalBackground": "#000000",
"terminalForeground": "#ffffff",
"terminalCursor": "#ffffff",
"terminalCursorAccent": "#000000",
"terminalSelection": "#ffffff77",
"terminalBlack": "#2e3436",
"terminalRed": "#cc0000",
"terminalGreen": "#4e9a06",
"terminalYellow": "#c4a000",
"terminalBlue": "#3465a4",
"terminalMagenta": "#75507b",
"terminalCyan": "#06989a",
"terminalWhite": "#d3d7cf",
"terminalBrightBlack": "#555753",
"terminalBrightRed": "#ef2929",
"terminalBrightGreen": "#8ae234",
"terminalBrightYellow": "#fce94f",
"terminalBrightBlue": "#729fcf",
"terminalBrightMagenta": "#ad7fa8",
"terminalBrightCyan": "#34e2e2",
"terminalBrightWhite": "#eeeeec",
"dialogTextColor": "#87909c",
"dialogBackground": "#ffffff",
"dialogHeaderBackground": "#36393e",
"dialogFooterBackground": "#f4f4f4",
"drawerTogglerBackground": "#2f343a",
"drawerTitleText": "#ffffff",
"drawerSubtitleBackground": "#373a3e",
"drawerItemNameColor": "#87909c",
"drawerItemValueColor": "#a0a0a0",
"clusterMenuBackground": "#252729",
"clusterMenuBorderColor": "#252729",
"clusterMenuCellBackground": "#2e3136",
"clusterSettingsBackground": "#1e2124",
"addClusterIconColor": "#252729",
"boxShadow": "#0000003a",
"iconActiveColor": "#ffffff",
"iconActiveBackground": "#ffffff18",
"filterAreaBackground": "#23272b",
"chartLiveBarBackground": "#00000033",
"chartStripesColor": "#ffffff08",
"chartCapacityColor": "#4c545f",
"pieChartDefaultColor": "#30353a",
"inputOptionHoverColor": "#87909c",
"inputControlBackground": "#1e2125",
"inputControlBorder": "#414448",
"inputControlHoverBorder": "#474a4f",
"lineProgressBackground": "#414448",
"radioActiveBackground": "#36393e",
"menuActiveBackground": "#3d90ce",
"menuSelectedOptionBgc": "#36393e",
"canvasBackground": "#24292e",
"scrollBarColor": "#5f6064",
"settingsBackground": "#262b2e",
"settingsColor": "#909ba6",
"navSelectedBackground": "#262b2e",
"navHoverColor": "#dcddde",
"hrColor": "#ffffff0f",
"tooltipBackground": "#18191c",
name: "Dark",
type: "dark" as const,
description: "Original Lens dark theme",
author: "Mirantis",
monacoTheme: "clouds-midnight" as const,
colors: {
blue: "#3d90ce",
magenta: "#c93dce",
golden: "#ffc63d",
halfGray: "#87909c80",
primary: "#3d90ce",
textColorPrimary: "#8e9297",
textColorSecondary: "#a0a0a0",
textColorTertiary: "#909ba6",
textColorAccent: "#ffffff",
textColorDimmed: "#8e92978c",
borderColor: "#4c5053",
borderFaintColor: "#373a3e",
mainBackground: "#1e2124",
secondaryBackground: "#1e2125",
contentColor: "#262b2f",
layoutBackground: "#2e3136",
layoutTabsBackground: "#252729",
layoutTabsActiveColor: "#ffffff",
layoutTabsLineColor: "#87909c80",
sidebarBackground: "#36393e",
sidebarLogoBackground: "#414448",
sidebarActiveColor: "#ffffff",
sidebarSubmenuActiveColor: "#ffffff",
sidebarItemHoverBackground: "#3a3e44",
badgeBackgroundColor: "#ffba44",
buttonPrimaryBackground: "#3d90ce",
buttonDefaultBackground: "#414448",
buttonLightBackground: "#f1f1f1",
buttonAccentBackground: "#e85555",
buttonDisabledBackground: "#808080",
tableBgcStripe: "#2a2d33",
tableBgcSelected: "#383c42",
tableHeaderBackground: "#262b2f",
tableHeaderBorderWidth: "1px",
tableHeaderBorderColor: "#36393e",
tableHeaderColor: "#ffffff",
tableSelectedRowColor: "#ffffff",
helmLogoBackground: "#ffffff",
helmStableRepo: "#3d90ce",
helmIncubatorRepo: "#ff7043",
helmDescriptionHr: "#41474a",
helmDescriptionBlockquoteColor: "#bbb",
helmDescriptionBlockquoteBorder: "#8a8f93",
helmDescriptionBlockquoteBackground: "#3b4348",
helmDescriptionHeaders: "#3e4147",
helmDescriptionH6: "#6a737d",
helmDescriptionTdBorder: "#47494a",
helmDescriptionTrBackground: "#1c2125",
helmDescriptionCodeBackground: "#ffffff1a",
helmDescriptionPreBackground: "#1b1f21",
helmDescriptionPreColor: "#b4b5b4",
colorSuccess: "#43a047",
colorOk: "#4caf50",
colorInfo: "#3d90ce",
colorError: "#ce3933",
colorSoftError: "#e85555",
colorWarning: "#ff9800",
colorVague: "#36393e",
colorTerminated: "#4c5053",
dockHeadBackground: "#2e3136",
dockInfoBackground: "#1e2125",
dockInfoBorderColor: "#303136",
dockEditorBackground: "#000000",
dockEditorTag: "#8e97a3",
dockEditorKeyword: "#ffffff",
dockEditorComment: "#808080",
dockEditorActiveLineBackground: "#3a3d41",
dockBadgeBackground: "#36393e",
dockTabBorderColor: "#43424d",
dockTabActiveBackground: "#3a3e45",
logsBackground: "#000000",
logsForeground: "#ffffff",
logRowHoverBackground: "#35373a",
dialogTextColor: "#87909c",
dialogBackground: "#ffffff",
dialogHeaderBackground: "#36393e",
dialogFooterBackground: "#f4f4f4",
drawerTogglerBackground: "#2f343a",
drawerTitleText: "#ffffff",
drawerSubtitleBackground: "#373a3e",
drawerItemNameColor: "#87909c",
drawerItemValueColor: "#a0a0a0",
clusterMenuBackground: "#252729",
clusterMenuBorderColor: "#252729",
clusterMenuCellBackground: "#2e3136",
clusterSettingsBackground: "#1e2124",
addClusterIconColor: "#252729",
boxShadow: "#0000003a",
iconActiveColor: "#ffffff",
iconActiveBackground: "#ffffff18",
filterAreaBackground: "#23272b",
chartLiveBarBackground: "#00000033",
chartStripesColor: "#ffffff08",
chartCapacityColor: "#4c545f",
pieChartDefaultColor: "#30353a",
inputOptionHoverColor: "#87909c",
inputControlBackground: "#1e2125",
inputControlBorder: "#414448",
inputControlHoverBorder: "#474a4f",
lineProgressBackground: "#414448",
radioActiveBackground: "#36393e",
menuActiveBackground: "#3d90ce",
menuSelectedOptionBgc: "#36393e",
canvasBackground: "#24292e",
scrollBarColor: "#5f6064",
settingsBackground: "#262b2e",
settingsColor: "#909ba6",
navSelectedBackground: "#262b2e",
navHoverColor: "#dcddde",
hrColor: "#ffffff0f",
tooltipBackground: "#18191c",
},
terminalColors: {
background: "#000000",
foreground: "#ffffff",
cursor: "#ffffff",
cursorAccent: "#000000",
selection: "#ffffff77",
black: "#2e3436",
red: "#cc0000",
green: "#4e9a06",
yellow: "#c4a000",
blue: "#3465a4",
magenta: "#75507b",
cyan: "#06989a",
white: "#d3d7cf",
brightBlack: "#555753",
brightRed: "#ef2929",
brightGreen: "#8ae234",
brightYellow: "#fce94f",
brightBlue: "#729fcf",
brightMagenta: "#ad7fa8",
brightCyan: "#34e2e2",
brightWhite: "#eeeeec",
},
isDefault: true,
}),

278
src/renderer/themes/lens-light.injectable.ts
View File

@ -8,144 +8,146 @@ import { lensThemeDeclarationInjectionToken } from "./declaration";
const lensLightThemeInjectable = getInjectable({
id: "lens-light-theme",
instantiate: () => ({
"name": "Light",
"type": "light" as const,
"description": "Original Lens light theme",
"author": "Mirantis",
"monacoTheme": "vs" as const,
"colors": {
"blue": "#3d90ce",
"magenta": "#c93dce",
"golden": "#ffc63d",
"halfGray": "#87909c80",
"primary": "#3d90ce",
"textColorPrimary": "#555555",
"textColorSecondary": "#51575d",
"textColorTertiary": "#555555",
"textColorAccent": "#222222",
"textColorDimmed": "#5557598c",
"borderColor": "#c9cfd3",
"borderFaintColor": "#dfdfdf",
"mainBackground": "#f1f1f1",
"secondaryBackground": "#f2f3f5",
"contentColor": "#ffffff",
"layoutBackground": "#e8e8e8",
"layoutTabsBackground": "#f8f8f8",
"layoutTabsActiveColor": "#333333",
"layoutTabsLineColor": "#87909c80",
"sidebarLogoBackground": "#f1f1f1",
"sidebarActiveColor": "#ffffff",
"sidebarSubmenuActiveColor": "#3d90ce",
"sidebarBackground": "#e8e8e8",
"sidebarItemHoverBackground": "#f0f2f5",
"badgeBackgroundColor": "#ffba44",
"buttonPrimaryBackground": "#3d90ce",
"buttonDefaultBackground": "#414448",
"buttonLightBackground": "#f1f1f1",
"buttonAccentBackground": "#e85555",
"buttonDisabledBackground": "#808080",
"tableBgcStripe": "#f8f8f8",
"tableBgcSelected": "#f4f5f5",
"tableHeaderBackground": "#f1f1f1",
"tableHeaderBorderWidth": "2px",
"tableHeaderBorderColor": "#3d90ce",
"tableHeaderColor": "#555555",
"tableSelectedRowColor": "#222222",
"helmLogoBackground": "#ffffff",
"helmStableRepo": "#3d90ce",
"helmIncubatorRepo": "#ff7043",
"helmDescriptionHr": "#dddddd",
"helmDescriptionBlockquoteColor": "#555555",
"helmDescriptionBlockquoteBorder": "#8a8f93",
"helmDescriptionBlockquoteBackground": "#eeeeee",
"helmDescriptionHeaders": "#3e4147",
"helmDescriptionH6": "#6a737d",
"helmDescriptionTdBorder": "#c6c6c6",
"helmDescriptionTrBackground": "#1c2125",
"helmDescriptionCodeBackground": "#ffffff1a",
"helmDescriptionPreBackground": "#eeeeee",
"helmDescriptionPreColor": "#555555",
"colorSuccess": "#206923",
"colorOk": "#399c3d",
"colorInfo": "#2d71a4",
"colorError": "#ce3933",
"colorSoftError": "#e85555",
"colorWarning": "#ff9800",
"colorVague": "#ededed",
"colorTerminated": "#9dabb5",
"dockHeadBackground": "#e8e8e8",
"dockInfoBackground": "#f3f3f3",
"dockInfoBorderColor": "#c9cfd3",
"dockEditorBackground": "#24292e",
"dockEditorTag": "#8e97a3",
"dockEditorKeyword": "#ffffff",
"dockEditorComment": "#808080",
"dockEditorActiveLineBackground": "#3a3d41",
"dockBadgeBackground": "#dedede",
"dockTabBorderColor": "#d5d4de",
"dockTabActiveBackground": "#ffffff",
"logsBackground": "#24292e",
"logsForeground": "#ffffff",
"logRowHoverBackground": "#35373a",
"terminalBackground": "#ffffff",
"terminalForeground": "#2d2d2d",
"terminalCursor": "#2d2d2d",
"terminalCursorAccent": "#ffffff",
"terminalSelection": "#bfbfbf",
"terminalBlack": "#2d2d2d",
"terminalRed": "#cd3734 ",
"terminalGreen": "#18cf12",
"terminalYellow": "#acb300",
"terminalBlue": "#3d90ce",
"terminalMagenta": "#c100cd",
"terminalCyan": "#07c4b9",
"terminalWhite": "#d3d7cf",
"terminalBrightBlack": "#a8a8a8",
"terminalBrightRed": "#ff6259",
"terminalBrightGreen": "#5cdb59",
"terminalBrightYellow": "#f8c000",
"terminalBrightBlue": "#008db6",
"terminalBrightMagenta": "#ee55f8",
"terminalBrightCyan": "#50e8df",
"terminalBrightWhite": "#eeeeec",
"dialogTextColor": "#87909c",
"dialogBackground": "#ffffff",
"dialogHeaderBackground": "#36393e",
"dialogFooterBackground": "#f4f4f4",
"drawerTogglerBackground": "#eaeced",
"drawerTitleText": "#ffffff",
"drawerSubtitleBackground": "#f1f1f1",
"drawerItemNameColor": "#727272",
"drawerItemValueColor": "#555555",
"clusterMenuBackground": "#d7d8da",
"clusterMenuBorderColor": "#c9cfd3",
"clusterMenuCellBackground": "#bbbbbb",
"clusterSettingsBackground": "#ffffff",
"addClusterIconColor": "#8d8d8d",
"boxShadow": "#0000003a",
"iconActiveColor": "#ffffff",
"iconActiveBackground": "#a6a6a694",
"filterAreaBackground": "#f7f7f7",
"chartLiveBarBackground": "#00000033",
"chartStripesColor": "#00000009",
"chartCapacityColor": "#cccccc",
"pieChartDefaultColor": "#efefef",
"inputOptionHoverColor": "#ffffff",
"inputControlBackground": "#f6f6f7",
"inputControlBorder": "#cccdcf",
"inputControlHoverBorder": "#b9bbbe",
"lineProgressBackground": "#e8e8e8",
"radioActiveBackground": "#f1f1f1",
"menuActiveBackground": "#3d90ce",
"menuSelectedOptionBgc": "#e8e8e8",
"canvasBackground": "#24292e",
"scrollBarColor": "#bbbbbb",
"settingsBackground": "#ffffff",
"settingsColor": "#555555",
"navSelectedBackground": "#ffffff",
"navHoverColor": "#2e3135",
"hrColor": "#06060714",
"tooltipBackground": "#ffffff",
name: "Light",
type: "light" as const,
description: "Original Lens light theme",
author: "Mirantis",
monacoTheme: "vs" as const,
colors: {
blue: "#3d90ce",
magenta: "#c93dce",
golden: "#ffc63d",
halfGray: "#87909c80",
primary: "#3d90ce",
textColorPrimary: "#555555",
textColorSecondary: "#51575d",
textColorTertiary: "#555555",
textColorAccent: "#222222",
textColorDimmed: "#5557598c",
borderColor: "#c9cfd3",
borderFaintColor: "#dfdfdf",
mainBackground: "#f1f1f1",
secondaryBackground: "#f2f3f5",
contentColor: "#ffffff",
layoutBackground: "#e8e8e8",
layoutTabsBackground: "#f8f8f8",
layoutTabsActiveColor: "#333333",
layoutTabsLineColor: "#87909c80",
sidebarLogoBackground: "#f1f1f1",
sidebarActiveColor: "#ffffff",
sidebarSubmenuActiveColor: "#3d90ce",
sidebarBackground: "#e8e8e8",
sidebarItemHoverBackground: "#f0f2f5",
badgeBackgroundColor: "#ffba44",
buttonPrimaryBackground: "#3d90ce",
buttonDefaultBackground: "#414448",
buttonLightBackground: "#f1f1f1",
buttonAccentBackground: "#e85555",
buttonDisabledBackground: "#808080",
tableBgcStripe: "#f8f8f8",
tableBgcSelected: "#f4f5f5",
tableHeaderBackground: "#f1f1f1",
tableHeaderBorderWidth: "2px",
tableHeaderBorderColor: "#3d90ce",
tableHeaderColor: "#555555",
tableSelectedRowColor: "#222222",
helmLogoBackground: "#ffffff",
helmStableRepo: "#3d90ce",
helmIncubatorRepo: "#ff7043",
helmDescriptionHr: "#dddddd",
helmDescriptionBlockquoteColor: "#555555",
helmDescriptionBlockquoteBorder: "#8a8f93",
helmDescriptionBlockquoteBackground: "#eeeeee",
helmDescriptionHeaders: "#3e4147",
helmDescriptionH6: "#6a737d",
helmDescriptionTdBorder: "#c6c6c6",
helmDescriptionTrBackground: "#1c2125",
helmDescriptionCodeBackground: "#ffffff1a",
helmDescriptionPreBackground: "#eeeeee",
helmDescriptionPreColor: "#555555",
colorSuccess: "#206923",
colorOk: "#399c3d",
colorInfo: "#2d71a4",
colorError: "#ce3933",
colorSoftError: "#e85555",
colorWarning: "#ff9800",
colorVague: "#ededed",
colorTerminated: "#9dabb5",
dockHeadBackground: "#e8e8e8",
dockInfoBackground: "#f3f3f3",
dockInfoBorderColor: "#c9cfd3",
dockEditorBackground: "#24292e",
dockEditorTag: "#8e97a3",
dockEditorKeyword: "#ffffff",
dockEditorComment: "#808080",
dockEditorActiveLineBackground: "#3a3d41",
dockBadgeBackground: "#dedede",
dockTabBorderColor: "#d5d4de",
dockTabActiveBackground: "#ffffff",
logsBackground: "#24292e",
logsForeground: "#ffffff",
logRowHoverBackground: "#35373a",
dialogTextColor: "#87909c",
dialogBackground: "#ffffff",
dialogHeaderBackground: "#36393e",
dialogFooterBackground: "#f4f4f4",
drawerTogglerBackground: "#eaeced",
drawerTitleText: "#ffffff",
drawerSubtitleBackground: "#f1f1f1",
drawerItemNameColor: "#727272",
drawerItemValueColor: "#555555",
clusterMenuBackground: "#d7d8da",
clusterMenuBorderColor: "#c9cfd3",
clusterMenuCellBackground: "#bbbbbb",
clusterSettingsBackground: "#ffffff",
addClusterIconColor: "#8d8d8d",
boxShadow: "#0000003a",
iconActiveColor: "#ffffff",
iconActiveBackground: "#a6a6a694",
filterAreaBackground: "#f7f7f7",
chartLiveBarBackground: "#00000033",
chartStripesColor: "#00000009",
chartCapacityColor: "#cccccc",
pieChartDefaultColor: "#efefef",
inputOptionHoverColor: "#ffffff",
inputControlBackground: "#f6f6f7",
inputControlBorder: "#cccdcf",
inputControlHoverBorder: "#b9bbbe",
lineProgressBackground: "#e8e8e8",
radioActiveBackground: "#f1f1f1",
menuActiveBackground: "#3d90ce",
menuSelectedOptionBgc: "#e8e8e8",
canvasBackground: "#24292e",
scrollBarColor: "#bbbbbb",
settingsBackground: "#ffffff",
settingsColor: "#555555",
navSelectedBackground: "#ffffff",
navHoverColor: "#2e3135",
hrColor: "#06060714",
tooltipBackground: "#ffffff",
},
terminalColors: {
background: "#ffffff",
foreground: "#2d2d2d",
cursor: "#2d2d2d",
cursorAccent: "#ffffff",
selection: "#bfbfbf",
black: "#2d2d2d",
red: "#cd3734 ",
green: "#18cf12",
yellow: "#acb300",
blue: "#3d90ce",
magenta: "#c100cd",
cyan: "#07c4b9",
white: "#d3d7cf",
brightBlack: "#a8a8a8",
brightRed: "#ff6259",
brightGreen: "#5cdb59",
brightYellow: "#f8c000",
brightBlue: "#008db6",
brightMagenta: "#ee55f8",
brightCyan: "#50e8df",
brightWhite: "#eeeeec",
},
}),
injectionToken: lensThemeDeclarationInjectionToken,

140
src/renderer/themes/lens-theme.ts
View File

@ -10,9 +10,147 @@ export type LensThemeType = "dark" | "light";
export interface LensTheme {
name: string;
type: LensThemeType;
colors: Record<string, string>;
colors: Record<LensColorName, string>;
terminalColors: Partial<Record<TerminalColorName, string>>;
description: string;
author: string;
monacoTheme: MonacoTheme;
isDefault?: boolean;
}
export type TerminalColorName =
| "foreground"
| "background"
| "cursor"
| "cursorAccent"
| "selection"
| "selectionForeground"
| "black"
| "red"
| "green"
| "yellow"
| "blue"
| "magenta"
| "cyan"
| "white"
| "brightBlack"
| "brightRed"
| "brightGreen"
| "brightYellow"
| "brightBlue"
| "brightMagenta"
| "brightCyan"
| "brightWhite";
export type LensColorName =
| "blue"
| "magenta"
| "golden"
| "halfGray"
| "primary"
| "textColorPrimary"
| "textColorSecondary"
| "textColorTertiary"
| "textColorAccent"
| "textColorDimmed"
| "borderColor"
| "borderFaintColor"
| "mainBackground"
| "secondaryBackground"
| "contentColor"
| "layoutBackground"
| "layoutTabsBackground"
| "layoutTabsActiveColor"
| "layoutTabsLineColor"
| "sidebarLogoBackground"
| "sidebarActiveColor"
| "sidebarSubmenuActiveColor"
| "sidebarBackground"
| "sidebarItemHoverBackground"
| "badgeBackgroundColor"
| "buttonPrimaryBackground"
| "buttonDefaultBackground"
| "buttonLightBackground"
| "buttonAccentBackground"
| "buttonDisabledBackground"
| "tableBgcStripe"
| "tableBgcSelected"
| "tableHeaderBackground"
| "tableHeaderBorderWidth"
| "tableHeaderBorderColor"
| "tableHeaderColor"
| "tableSelectedRowColor"
| "helmLogoBackground"
| "helmStableRepo"
| "helmIncubatorRepo"
| "helmDescriptionHr"
| "helmDescriptionBlockquoteColor"
| "helmDescriptionBlockquoteBorder"
| "helmDescriptionBlockquoteBackground"
| "helmDescriptionHeaders"
| "helmDescriptionH6"
| "helmDescriptionTdBorder"
| "helmDescriptionTrBackground"
| "helmDescriptionCodeBackground"
| "helmDescriptionPreBackground"
| "helmDescriptionPreColor"
| "colorSuccess"
| "colorOk"
| "colorInfo"
| "colorError"
| "colorSoftError"
| "colorWarning"
| "colorVague"
| "colorTerminated"
| "dockHeadBackground"
| "dockInfoBackground"
| "dockInfoBorderColor"
| "dockEditorBackground"
| "dockEditorTag"
| "dockEditorKeyword"
| "dockEditorComment"
| "dockEditorActiveLineBackground"
| "dockBadgeBackground"
| "dockTabBorderColor"
| "dockTabActiveBackground"
| "logsBackground"
| "logsForeground"
| "logRowHoverBackground"
| "dialogTextColor"
| "dialogBackground"
| "dialogHeaderBackground"
| "dialogFooterBackground"
| "drawerTogglerBackground"
| "drawerTitleText"
| "drawerSubtitleBackground"
| "drawerItemNameColor"
| "drawerItemValueColor"
| "clusterMenuBackground"
| "clusterMenuBorderColor"
| "clusterMenuCellBackground"
| "clusterSettingsBackground"
| "addClusterIconColor"
| "boxShadow"
| "iconActiveColor"
| "iconActiveBackground"
| "filterAreaBackground"
| "chartLiveBarBackground"
| "chartStripesColor"
| "chartCapacityColor"
| "pieChartDefaultColor"
| "inputOptionHoverColor"
| "inputControlBackground"
| "inputControlBorder"
| "inputControlHoverBorder"
| "lineProgressBackground"
| "radioActiveBackground"
| "menuActiveBackground"
| "menuSelectedOptionBgc"
| "canvasBackground"
| "scrollBarColor"
| "settingsBackground"
| "settingsColor"
| "navSelectedBackground"
| "navHoverColor"
| "hrColor"
| "tooltipBackground";

13
src/renderer/themes/terminal-colors.injectable.ts
View File

@ -3,15 +3,11 @@
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import { getInjectable } from "@ogre-tools/injectable";
import { camelCase } from "lodash";
import { computed } from "mobx";
import terminalThemePreferenceInjectable from "../../common/user-store/terminal-theme.injectable";
import { object } from "../utils";
import activeThemeInjectable from "./active.injectable";
import lensThemesInjectable from "./themes.injectable";
const terminalColorPrefix = "terminal";
const xtermColorThemeInjectable = getInjectable({
id: "terminal-colors",
instantiate: (di) => {
@ -29,14 +25,7 @@ const xtermColorThemeInjectable = getInjectable({
return themes.get(themePref.themeId) ?? activeTheme.get();
});
return computed(() => object.fromEntries(
object.entries(terminalTheme.get().colors)
.filter(([name]) => name.startsWith(terminalColorPrefix))
.map(([name, color]) => [
camelCase(name.replace(terminalColorPrefix, "")),
color,
]),
));
return computed(() => terminalTheme.get().terminalColors);
},
});