From bc4101c04a25c1b78ad67046ff8003c831ab1dcb Mon Sep 17 00:00:00 2001 From: Mykoto Bojdogun <50903186+Raiguri@users.noreply.github.com> Date: Mon, 23 Feb 2026 15:54:34 +0200 Subject: [PATCH 1/4] Modern Dark Theme --- .../app/src/UI/Theme/ModernDarkTheme/index.js | 11 + .../src/UI/Theme/ModernDarkTheme/theme.json | 959 ++++++++++++++++++ newIDE/app/src/UI/Theme/ThemeRegistry.js | 2 + 3 files changed, 972 insertions(+) create mode 100644 newIDE/app/src/UI/Theme/ModernDarkTheme/index.js create mode 100644 newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json diff --git a/newIDE/app/src/UI/Theme/ModernDarkTheme/index.js b/newIDE/app/src/UI/Theme/ModernDarkTheme/index.js new file mode 100644 index 000000000000..39bcd593fd54 --- /dev/null +++ b/newIDE/app/src/UI/Theme/ModernDarkTheme/index.js @@ -0,0 +1,11 @@ +import { createGdevelopTheme } from '../CreateTheme'; + +import styles from './ModernDarkThemeVariables.json'; +import './ModernDarkThemeVariables.css'; + +export default createGdevelopTheme({ + styles, + + rootClassNameIdentifier: 'ModernDarkTheme', + paletteType: 'dark', +}); diff --git a/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json b/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json new file mode 100644 index 000000000000..065b80d477c5 --- /dev/null +++ b/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json @@ -0,0 +1,959 @@ +{ + "theme": { + "primary": { + "dark": { + "value": "#693BFF", + "comment": "Palette/Purple/60" + }, + "color": { + "value": "#7E56FF", + "comment": "Palette/Purple/50" + }, + "light": { + "value": "#7E56FF", + "comment": "Palette/Purple/40" + }, + "text-contrast-color": { + "value": "#FAFAFA", + "comment": "Palette/Grey/00" + } + }, + "secondary": { + "dark": { + "value": "#C6B4FF", + "comment": "Palette/Purple/10" + }, + "color": { + "value": "#C5C5C9", + "comment": "Palette/Purple/05" + }, + "light": { + "value": "#FAFAFA", + "comment": "Palette/Purple/00" + }, + "text-contrast-color": { + "value": "#4A4A4A", + "comment": "Palette/Grey/100" + } + }, + "success": { + "dark": { + "value": "#16CF89", + "comment": "Palette/Green/50" + }, + "color": { + "value": "#45D9A1", + "comment": "Palette/Green/40" + }, + "light": { + "value": "#8BE7C4", + "comment": "Palette/Green/30" + }, + "text-contrast-color": { + "value": "#4A4A4A", + "comment": "Palette/Grey/100" + } + }, + "info": { + "dark": { + "value": "#2B8CFF", + "comment": "Palette/Blue/50" + }, + "color": { + "value": "#6BAFFF", + "comment": "Palette/Blue/40" + }, + "light": { + "value": "#95C6FF", + "comment": "Palette/Blue/30" + }, + "text-contrast-color": { + "value": "#4A4A4A", + "comment": "Palette/Grey/100" + } + }, + "warning": { + "dark": { + "value": "#FFA929", + "comment": "Palette/Yellow/50" + }, + "color": { + "value": "#FFBC57", + "comment": "Palette/Yellow/40" + }, + "light": { + "value": "#FFD28F", + "comment": "Palette/Yellow/30" + }, + "text-contrast-color": { + "value": "#4A4A4A", + "comment": "Palette/Grey/100" + } + }, + "error": { + "dark": { + "value": "#FF5E3B", + "comment": "Palette/Red/50" + }, + "color": { + "value": "#FF8569", + "comment": "Palette/Red/40" + }, + "light": { + "value": "#FFA38F", + "comment": "Palette/Red/30" + }, + "text-contrast-color": { + "value": "#4A4A4A", + "comment": "Palette/Grey/100" + } + }, + "premium": { + "teal": { + "value": "#3BF7F4", + "comment": "Palette/Teal/40" + }, + "teal-dark": { + "value": "#09F0EC", + "comment": "Palette/Teal/50" + }, + "orange": { + "value": "#FFBC57", + "comment": "Palette/Yellow/40" + }, + "orange-dark": { + "value": "#FFA929", + "comment": "Palette/Yellow/50" + }, + "text-contrast-color": { + "value": "#4A4A4A", + "comment": "Palette/Grey/100" + } + }, + "hover": { + "background-color": { + "value": "rgba(255, 255, 255, 0.08)" + } + }, + "surface": { + "toolbar": { + "background-color": { + "value": "#2D2D2D", + "comment": "Palette/Grey/90" + } + }, + "window": { + "background-color": { + "value": "#1A1A1A", + "comment": "Palette/Grey/100" + } + }, + "canvas": { + "background-color": { + "value": "#2D2D2D", + "comment": "Palette/Grey/100" + } + }, + "alternate-canvas": { + "background-color": { + "value": "#2D2D2D", + "comment": "Palette/Grey/90" + } + }, + "alternate-canvas-light": { + "background-color": { + "value": "#1F1F1F", + "comment": "Palette/Grey/80" + } + } + }, + "dialog": { + "background-color": { + "value": "#2D2D2D", + "comment": "Palette/Grey/90" + }, + "separator": { + "color": { + "value": "#373737", + "comment": "Palette/Grey/70" + } + } + }, + "swipeable-drawer": { + "top-bar": { + "pill-color": { + "value": "#2D2D2D" + } + } + }, + "icon-button": { + "selected": { + "color": { + "value": "#7E56FF", + "comment": "Palette/Grey/100" + }, + "background-color": { + "value": "transparent", + "comment:": "Palette/Purple/20" + } + } + }, + "link": { + "color": { + "value": "#C6B4FF", + "comment": "Palette/Purple/10" + }, + "hover-color": { + "value": "#7E56FF", + "comment": "Palette/Purple/20" + } + }, + "switch": { + "default": { + "thumb-color": { + "value": "#EBEBED", + "comment": "Palette/Grey/10" + }, + "track-color": { + "value": "#606066", + "comment": "Palette/Grey/60" + } + }, + "toggled": { + "thumb-color": { + "value": "#EBEBED", + "comment": "Palette/Purple/10" + }, + "track-color": { + "value": "#7E56FF", + "comment": "Palette/Purple/40" + } + }, + "disabled": { + "thumb-color": { + "value": "#1F1F1F", + "comment": "Palette/Grey/70" + }, + "track-color": { + "value": "#1F1F1F", + "comment": "Palette/Grey/80" + } + } + }, + "search-bar": { + "default": { + "background-color": { + "value": "#1F1F1F", + "comment": "Palette/Grey/70" + }, + "text-color": { + "value": "#C5C5C9", + "comment": "Palette/Grey/30" + } + }, + "hovered": { + "border-color": { + "value": "#373737", + "comment": "Palette/Grey/50" + } + }, + "focused": { + "text-color": { + "value": "#FAFAFA", + "comment": "Palette/Grey/00" + }, + "border-color": { + "value": "#F6F2FF", + "comment": "Palette/Purple/00" + } + }, + "disabled": { + "background-color": { + "value": "#1F1F1F", + "comment": "Palette/Grey/80" + }, + "text-color": { + "value": "#7F7F85", + "comment": "Palette/Grey/70" + } + } + }, + "selection": { + "background-color": { + "value": "#4A4A4A" + }, + "color": { + "value": "#EAEAEA" + } + }, + "text": { + "default": { + "color": { + "value": "#FAFAFA", + "comment": "Palette/Grey/00 - Text/Primary" + } + }, + "secondary": { + "color": { + "value": "#C5C5C9", + "comment": "Palette/Grey/30 - Text/Secondary" + } + }, + "disabled": { + "color": { + "value": "#7F7F85" + } + }, + "contrast": { + "color": { + "value": "#EAEAEA" + } + }, + "highlighted": { + "background-color": { + "value": "rgb(214, 222, 236, 0.3)" + } + } + }, + "message": { + "warning": { + "color": { + "value": "#FFBC57", + "comment": "Palette/Yellow/40" + } + }, + "error": { + "color": { + "value": "#FF8569", + "comment": "Palette/Red/40" + } + }, + "valid": { + "color": { + "value": "#45D9A1", + "comment": "Palette/Green/40" + } + }, + "answer": { + "borderColor": { + "value": "#08754C", + "comment": "Palette/Green/70" + }, + "background-color": { + "value": "#04291B", + "comment": "Palette/Green/100" + } + }, + "empty-shadow": { + "color": { + "value": "transparent" + } + }, + "hot": { + "background-color": { + "value": "#FF5E3B", + "comment": "Palette/Red/50" + }, + "color": { + "value": "#2D2D2D" + } + } + }, + "toolbar-separator": { + "color": { + "value": "#373737" + } + }, + "closable-tabs": { + "default": { + "background-color": { + "value": "#1F1F1F", + "comment": "Palette/Grey/80" + }, + "color": { + "value": "#C5C5C9", + "comment": "Palette/Grey/30" + } + }, + "selected": { + "background-color": { + "value": "#2D2D2D", + "comment": "Palette/Grey/90" + }, + "color": { + "value": "#FAFAFA", + "comment": "Palette/Grey/00" + }, + "borderColor": { + "value": "#2D2D2D", + "comment": "Palette/Grey/50" + } + } + }, + "list-item": { + "hover": { + "background-color": { + "value": "#373737" + } + }, + "group": { + "text": { + "color": { + "value": "#ABB2BF" + } + }, + "text-deprecated": { + "color": { + "value": "#2d2d2d" + } + } + }, + "separator": { + "color": { + "value": "#373737" + } + }, + "warning": { + "color": { + "value": "#FFBC57", + "comment": "Palette/Yellow/40" + } + }, + "error": { + "color": { + "value": "#FF8569", + "comment": "Palette/Red/40" + } + } + }, + "right-icon": { + "color": { + "value": "grey" + } + }, + "palette": { + "black": { + "value": "#6E2A2A" + }, + "white": { + "value": "#D6DEEC" + } + }, + "image-preview": { + "background-filter": { + "value": "invert(100%) invert(19%) sepia(26%) saturate(365%) hue-rotate(168deg) brightness(55%) contrast(92%)" + }, + "border-color": { + "value": "#2D2D2D" + }, + "frame-border-color": { + "value": "#D6DEEC" + } + }, + "drop-indicator": { + "can-drop": { + "color": { + "value": "#D6DEEC" + } + }, + "cannot-drop": { + "color": { + "value": "#E06C75" + } + }, + "border": { + "color": { + "value": "#21252B" + } + } + }, + "home": { + "separator": { + "color": { + "value": "#373737" + } + } + }, + "linear-progress": { + "color": { + "complete": { + "value": "#16CF89", + "comment": "Palette/Green/50" + }, + "incomplete": { + "value": "#FFA929", + "comment": "Palette/Yellow/50" + } + } + }, + "example": { + "difficulty": { + "color": { + "simple": { + "value": "#8BE7C4" + }, + "advanced": { + "value": "#FFD28F" + }, + "expert": { + "value": "#FFA38F" + } + } + } + }, + "tabs": { + "text-color": { + "value": "#7F7F85", + "comment": "Palette/Grey/50" + }, + "background-color": { + "value": "#1F1F1F", + "comment": "Palette/Grey/80" + }, + "indicator-color": { + "value": "#C6B4FF", + "comment": "Palette/Purple/05" + }, + "separator-color": { + "value": "#373737", + "comment": "Palette/Grey/60" + }, + "selected": { + "text-color": { + "value": "#C6B4FF", + "comment": "Palette/Purple/00" + }, + "background-color": { + "value": "#1F1F1F", + "comment": "Palette/Grey/70" + } + } + }, + "snackbar": { + "border": { + "color": { + "value": "#C5C5C9" + } + }, + "background": { + "color": { + "value": "#1F1F1F" + } + } + }, + "tooltip": { + "background": { + "color": { + "value": "#1F1F1F", + "comment": "Lighter background for good contrast in dark theme" + } + }, + "text": { + "color": { + "value": "#FAFAFA", + "comment": "Light text for good contrast" + } + } + }, + "notification": { + "badge-color": { + "value": "#FF5E3B" + } + }, + "text-field": { + "active": { + "error": { + "value": "#FFC2B4", + "comment": "Palette/Red/20" + }, + "border-color": { + "value": "#C6B4FF", + "comment": "Palette/Purple/10" + }, + "caret-color": { + "value": "#7E56FF", + "comment": "Palette/Purple/20" + } + }, + "disabled": { + "color": { + "value": "#7F7F85", + "comment": "Palette/Grey/50" + } + }, + "placeholder": { + "color": { + "value": "#A6A6AB", + "comment": "Palette/Grey/40" + } + }, + "default": { + "background-color": { + "value": "#1F1F1F", + "comment": "Palette/Grey/80" + }, + "error": { + "value": "#FF8569", + "comment": "Palette/Red/40" + } + }, + "hover": { + "border-color": { + "value": "#373737", + "comment": "Palette/Grey/50" + } + }, + "endAdornmentIcon": { + "background-color": { + "value": "rgba(221, 209, 255, 0.16)" + } + } + }, + "toggle-field": { + "default": { + "slider-color": { + "value": "#EBEBED", + "comment": "Palette/Grey/10" + }, + "background-color": { + "value": "#606166", + "comment": "Palette/Grey/60" + } + }, + "active": { + "slider-color": { + "value": "#EBEBED", + "comment": "Palette/Purple/50" + }, + "background-color": { + "value": "#7E56FF", + "comment": "Palette/Purple/30" + } + }, + "disabled": { + "slider-color": { + "value": "#7F7F85", + "comment": "Palette/Grey/70" + }, + "background-color": { + "value": "#1F1F1F", + "comment": "Palette/Grey/80" + } + }, + "hover": { + "slider-aura-color": { + "value": "rgba(217, 217, 222, 0.30)", + "comment": "Palette/Grey/20 and alpha" + } + } + } + }, + "input": { + "border-bottom": { + "color": { + "value": "#D6DEEC" + } + } + }, + "event-sheet": { + "event-tree": { + "background-color": { + "value": "#1f1f1f" + } + }, + "rst": { + "ai-generated-event-move-handle": { + "gradient-color-1": { + "value": "#9932cc" + }, + "gradient-color-2": { + "value": "#fa7ff1" + }, + "gradient-color-3": { + "value": "#9932cc" + } + }, + "move-handle": { + "background-color": { + "value": "#4A4A4A" + } + }, + "move-handle-hover": { + "background-color": { + "value": "#D6DEEC" + } + }, + "line": { + "background-color": { + "value": "#ABB2BF" + } + }, + "row-contents": { + "background-color": { + "value": "transparent" + }, + "color": { + "value": "#D6DEEC" + } + } + }, + "selectable": { + "background-color": { + "value": "rgba(255,255,255,0.125)" + }, + "border": { + "value": "1px #1F1F1F solid" + }, + "selected-border": { + "value": "2px rgba(255,255,255,0.3) dashed" + } + }, + "conditions": { + "background-color": { + "value": "#4A4A4A" + }, + "border-color": { + "value": "#4A4A4A" + }, + "border": { + "value": "1px #4A4A4A solid" + }, + "color": { + "value": "rgb(209, 209, 209)" + }, + "border-right-color": { + "value": "transparent" + }, + "border-bottom-color": { + "value": "transparent" + } + }, + "events": { + "highlighted": { + "background-color": { + "value": "#4A4A4A" + }, + "color": { + "value": "#E5C07B" + } + } + }, + "actions": { + "background-color": { + "value": "#2D2D2D" + }, + "color": { + "value": "#D6DEEC" + } + }, + "sub-instructions": { + "border-color": { + "value": "#2D2D2D" + }, + "border": { + "value": "1px #1F1F1F solid" + } + }, + "warning-instruction": { + "background-color": { + "value": "rgba(255, 188, 87, 0.125)", + "comment": "Palette/Yellow/40 and alpha" + } + }, + "instruction-parameter": { + "base": { + "color": { + "value": "#E5C07B" + } + }, + "number": { + "color": { + "value": "#E5C07B" + } + }, + "object": { + "color": { + "value": "#56B6C2" + } + }, + "behavior": { + "color": { + "value": "#E09563" + } + }, + "operator": { + "color": { + "value": "#B77CFF" + } + }, + "var": { + "color": { + "value": "#98C379" + } + }, + "error": { + "color": { + "value": "#E06C75" + }, + "background-color": { + "value": "#E06C7544" + } + }, + "warning": { + "color": { + "value": "#E5C07B" + } + } + }, + "drop-indicator": { + "can-drop": { + "border-top-color": { + "value": "#61AFEF" + } + }, + "cannot-drop": { + "border-top-color": { + "value": "#E06C75" + } + } + }, + "link": { + "container": { + "background-color": { + "value": "#4A4A4A" + }, + "color": { + "value": "#D6DEEC" + } + }, + "selectable-link": { + "color": { + "value": "#7E56FF" + } + } + } + }, + "markdown": { + "blockquote": { + "border-left": { + "color": { + "value": "rgba(221, 221, 221, 0.6)" + } + } + }, + "link": { + "color": { + "value": "rgb(221, 221, 221)" + } + } + }, + "sound-player": { + "play-button": { + "primary": { + "border-color": { + "value": "#7E56FF" + }, + "background-color": { + "value": "#7E56FF" + }, + "color": { + "value": "#2d2d2d" + }, + "hover": { + "background-color": { + "value": "#F5F5F7" + }, + "border-color": { + "value": "#F5F5F7" + } + } + }, + "secondary": { + "border-color": { + "value": "#7E56FF" + }, + "background-color": { + "value": "#1F1F1F" + }, + "color": { + "value": "#F5F5F7" + }, + "hover": { + "background-color": { + "value": "#606066" + }, + "border-color": { + "value": "#7E56FF" + } + } + } + }, + "wave-color": { + "value": "#9979F1" + }, + "progress-color": { + "value": "#D256FF" + } + }, + "mosaic": { + "title": { + "color": { + "value": "#FAFAFA", + "comment": "Palette/Grey/00" + } + }, + "layout": { + "border-color": { + "value": "#1A1A1A" + }, + "background-color": { + "value": "#1A1A1A", + "comment": "Palette/Grey/90" + } + }, + "toolbar": { + "background-color": { + "value": "#1A1A1A", + "comment": "Palette/Grey/80" + }, + "border-color-hover": { + "value": "#D6DEEC" + } + } + }, + "table": { + "border": { + "color": { + "value": "#1F1F1F" + } + }, + "text": { + "color": { + "value": "#ABB2BF" + }, + "color-header": { + "value": "#D6DEEC" + } + }, + "row": { + "odd": { + "background-color": { + "value": "#1F1F1F" + } + }, + "even": { + "background-color": { + "value": "#1F1F1F" + } + }, + "selected": { + "background-color": { + "value": "#4A4A4A" + }, + "color": { + "value": "#D6DEEC" + } + } + } + } +} diff --git a/newIDE/app/src/UI/Theme/ThemeRegistry.js b/newIDE/app/src/UI/Theme/ThemeRegistry.js index 3cf6a72fbd73..3316fb37dca0 100644 --- a/newIDE/app/src/UI/Theme/ThemeRegistry.js +++ b/newIDE/app/src/UI/Theme/ThemeRegistry.js @@ -7,6 +7,7 @@ import SolarizedDarkTheme from './SolarizedDarkTheme'; import OneDarkTheme from './OneDarkTheme'; import RosePineTheme from './RosePineTheme'; import DeepBlueTheme from './DeepBlueTheme'; +import ModernDarkTheme from './ModernDarkTheme'; /*eslint no-useless-computed-key: "off"*/ export const themes = { @@ -18,4 +19,5 @@ export const themes = { ['One Dark']: OneDarkTheme, ['Rosé Pine']: RosePineTheme, ['Deep Blue']: DeepBlueTheme, + ['Modern Dark']: ModernDarkTheme, }; From de49e45fee5161995815ff13097524517e409bc9 Mon Sep 17 00:00:00 2001 From: Mykoto Bojdogun <50903186+Raiguri@users.noreply.github.com> Date: Mon, 23 Feb 2026 17:33:06 +0200 Subject: [PATCH 2/4] Icon Button Background Better contrast --- .../src/UI/Theme/ModernDarkTheme/theme.json | 28 +++++++++---------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json b/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json index 065b80d477c5..0131b6a725f4 100644 --- a/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json +++ b/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json @@ -6,15 +6,15 @@ "comment": "Palette/Purple/60" }, "color": { - "value": "#7E56FF", + "value": "#9d7fff", "comment": "Palette/Purple/50" }, "light": { - "value": "#7E56FF", + "value": "#9d7fff", "comment": "Palette/Purple/40" }, "text-contrast-color": { - "value": "#FAFAFA", + "value": "#1F1F1F", "comment": "Palette/Grey/00" } }, @@ -189,11 +189,11 @@ "icon-button": { "selected": { "color": { - "value": "#7E56FF", + "value": "#1F1F1F", "comment": "Palette/Grey/100" }, "background-color": { - "value": "transparent", + "value": "#9d7fff", "comment:": "Palette/Purple/20" } } @@ -204,7 +204,7 @@ "comment": "Palette/Purple/10" }, "hover-color": { - "value": "#7E56FF", + "value": "#9d7fff", "comment": "Palette/Purple/20" } }, @@ -225,7 +225,7 @@ "comment": "Palette/Purple/10" }, "track-color": { - "value": "#7E56FF", + "value": "#9d7fff", "comment": "Palette/Purple/40" } }, @@ -571,7 +571,7 @@ "comment": "Palette/Purple/10" }, "caret-color": { - "value": "#7E56FF", + "value": "#9d7fff", "comment": "Palette/Purple/20" } }, @@ -626,7 +626,7 @@ "comment": "Palette/Purple/50" }, "background-color": { - "value": "#7E56FF", + "value": "#9d7fff", "comment": "Palette/Purple/30" } }, @@ -828,7 +828,7 @@ }, "selectable-link": { "color": { - "value": "#7E56FF" + "value": "#9d7fff" } } } @@ -851,10 +851,10 @@ "play-button": { "primary": { "border-color": { - "value": "#7E56FF" + "value": "#9d7fff" }, "background-color": { - "value": "#7E56FF" + "value": "#9d7fff" }, "color": { "value": "#2d2d2d" @@ -870,7 +870,7 @@ }, "secondary": { "border-color": { - "value": "#7E56FF" + "value": "#9d7fff" }, "background-color": { "value": "#1F1F1F" @@ -883,7 +883,7 @@ "value": "#606066" }, "border-color": { - "value": "#7E56FF" + "value": "#9d7fff" } } } From 727e05876daab0351d7d9b94fb635adcf50d4f53 Mon Sep 17 00:00:00 2001 From: Mykoto Bojdogun <50903186+Raiguri@users.noreply.github.com> Date: Mon, 23 Feb 2026 18:04:52 +0200 Subject: [PATCH 3/4] More contrast --- .../src/UI/Theme/ModernDarkTheme/theme.json | 30 +++++++++---------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json b/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json index 0131b6a725f4..26c6d2709743 100644 --- a/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json +++ b/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json @@ -2,19 +2,19 @@ "theme": { "primary": { "dark": { - "value": "#693BFF", + "value": "#8760F2", "comment": "Palette/Purple/60" }, "color": { - "value": "#9d7fff", + "value": "#CBBDFF", "comment": "Palette/Purple/50" }, "light": { - "value": "#9d7fff", + "value": "#DFD3FF", "comment": "Palette/Purple/40" }, "text-contrast-color": { - "value": "#1F1F1F", + "value": "#1A1A1A", "comment": "Palette/Grey/00" } }, @@ -189,11 +189,11 @@ "icon-button": { "selected": { "color": { - "value": "#1F1F1F", + "value": "#1A1A1A", "comment": "Palette/Grey/100" }, "background-color": { - "value": "#9d7fff", + "value": "#CBBDFF", "comment:": "Palette/Purple/20" } } @@ -204,7 +204,7 @@ "comment": "Palette/Purple/10" }, "hover-color": { - "value": "#9d7fff", + "value": "#DFD3FF", "comment": "Palette/Purple/20" } }, @@ -225,7 +225,7 @@ "comment": "Palette/Purple/10" }, "track-color": { - "value": "#9d7fff", + "value": "#DFD3FF", "comment": "Palette/Purple/40" } }, @@ -571,7 +571,7 @@ "comment": "Palette/Purple/10" }, "caret-color": { - "value": "#9d7fff", + "value": "#DFD3FF", "comment": "Palette/Purple/20" } }, @@ -626,7 +626,7 @@ "comment": "Palette/Purple/50" }, "background-color": { - "value": "#9d7fff", + "value": "#DFD3FF", "comment": "Palette/Purple/30" } }, @@ -828,7 +828,7 @@ }, "selectable-link": { "color": { - "value": "#9d7fff" + "value": "#DFD3FF" } } } @@ -851,10 +851,10 @@ "play-button": { "primary": { "border-color": { - "value": "#9d7fff" + "value": "#DFD3FF" }, "background-color": { - "value": "#9d7fff" + "value": "#DFD3FF" }, "color": { "value": "#2d2d2d" @@ -870,7 +870,7 @@ }, "secondary": { "border-color": { - "value": "#9d7fff" + "value": "#DFD3FF" }, "background-color": { "value": "#1F1F1F" @@ -883,7 +883,7 @@ "value": "#606066" }, "border-color": { - "value": "#9d7fff" + "value": "#DFD3FF" } } } From 7a1becb4b39627ca5c021a86ea6b15f35ba6765a Mon Sep 17 00:00:00 2001 From: Mykoto Bojdogun <50903186+Raiguri@users.noreply.github.com> Date: Mon, 23 Feb 2026 18:14:09 +0200 Subject: [PATCH 4/4] Wrong hex code --- newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json b/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json index 26c6d2709743..6539be87b1cd 100644 --- a/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json +++ b/newIDE/app/src/UI/Theme/ModernDarkTheme/theme.json @@ -6,7 +6,7 @@ "comment": "Palette/Purple/60" }, "color": { - "value": "#CBBDFF", + "value": "#BCA4FF", "comment": "Palette/Purple/50" }, "light": { @@ -193,7 +193,7 @@ "comment": "Palette/Grey/100" }, "background-color": { - "value": "#CBBDFF", + "value": "#BCA4FF", "comment:": "Palette/Purple/20" } }