diff --git a/packages/bruno-app/src/themes/dark/dark.js b/packages/bruno-app/src/themes/dark/dark.js index ee2460630..1a50ee52e 100644 --- a/packages/bruno-app/src/themes/dark/dark.js +++ b/packages/bruno-app/src/themes/dark/dark.js @@ -1,4 +1,4 @@ -import { rgba } from 'polished'; +import { rgba, lighten } from 'polished'; export const palette = { primary: { @@ -8,20 +8,20 @@ export const palette = { SUBTLE: 'hsl(39, 74%, 54%)' }, hues: { - RED: 'hsl(0, 85%, 68%)', - ROSE: 'hsl(350, 78%, 75%)', + RED: 'hsl(8, 70%, 52%)', + ROSE: 'hsl(367, 84%, 70%)', BROWN: 'hsl(35, 65%, 72%)', ORANGE: 'hsl(24, 88%, 72%)', YELLOW: 'hsl(41, 93%, 72%)', - LIME: 'hsl(75, 80%, 68%)', GREEN: 'hsl(140, 72%, 68%)', - TEAL: 'hsl(170, 70%, 68%)', + GREEN_DARK: 'hsl(160, 90%, 44%)', + TEAL: 'hsl(170, 70%, 60%)', CYAN: 'hsl(190, 82%, 72%)', BLUE: 'hsl(210, 90%, 76%)', - INDIGO: 'hsl(225, 82%, 78%)', + INDIGO: 'hsl(202, 88%, 66%)', VIOLET: 'hsl(260, 75%, 78%)', PURPLE: 'hsl(285, 72%, 75%)', - PINK: 'hsl(320, 78%, 78%)' + PINK: 'hsl(305, 59%, 74%)' }, system: { CONTROL_ACCENT: '#D9A342' @@ -238,13 +238,13 @@ const darkTheme = { get: palette.hues.GREEN, post: palette.hues.INDIGO, put: palette.hues.ORANGE, - delete: palette.hues.RED, + delete: lighten(0.08, palette.hues.RED), patch: palette.hues.ORANGE, options: palette.hues.TEAL, head: palette.hues.CYAN }, - grpc: palette.hues.BROWN, + grpc: palette.hues.TEAL, ws: palette.hues.ORANGE, gql: palette.hues.PINK }, @@ -410,7 +410,7 @@ const darkTheme = { bg: palette.background.BASE }, variable: { - valid: palette.hues.GREEN, + valid: palette.hues.GREEN_DARK, invalid: palette.hues.RED, prompt: palette.hues.BLUE }, diff --git a/packages/bruno-app/src/themes/dark/vscode.js b/packages/bruno-app/src/themes/dark/vscode.js index 48c014ef6..c8bba5e11 100644 --- a/packages/bruno-app/src/themes/dark/vscode.js +++ b/packages/bruno-app/src/themes/dark/vscode.js @@ -44,7 +44,7 @@ const colors = { BORDER_LIGHT: '#3c3c3c', CODEMIRROR_TOKENS: { - DEFINITION: '#4ec9b0', + DEFINITION: '#9cdcfe', PROPERTY: '#9cdcfe', STRING: '#ce9178', NUMBER: '#b5cea8',