3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-04 17:25:52 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix problem with menu colors

Browse source
This commit is contained in:
alonso.torres 2023-12-13 15:24:27 +01:00
parent 625f99c933
commit 4832b718da
5 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/resources/styles/common/refactor/color-defs.scss
View file

@ -4,7 +4,7 @@
// //
// Copyright (c) KALEIDOS INC // Copyright (c) KALEIDOS INC
@use "sass:color" as color; @use "sass:color";
:root { :root {
// DARK // DARK
@ -31,10 +31,12 @@
--light-gray-1: #fff; --light-gray-1: #fff;
--light-gray-2: #e8eaee; --light-gray-2: #e8eaee;
--light-gray-2-30: rgba(232, 234, 238, 0.3); --light-gray-2-30: rgba(232, 234, 238, 0.3);
--light-gray-2-80: rgba(232, 234, 238, 0.8);
--light-gray-3: #f3f4f6; --light-gray-3: #f3f4f6;
--light-gray-4: #eef0f2; --light-gray-4: #eef0f2;
--black: #000; --black: #000;
--off-black: #495e74; --off-black: #495e74;
--off-black-30: #{color.change(#495e74, $alpha: 0.3)};
--purple: #6911d4; --purple: #6911d4;
--purple-30: rgba(105, 17, 212, 0.2); --purple-30: rgba(105, 17, 212, 0.2);
--blue: #1345aa; --blue: #1345aa;

2
frontend/resources/styles/common/refactor/design-tokens.scss
View file

@ -179,7 +179,7 @@
--menu-shortcut-foreground-color: var(--color-foreground-secondary); --menu-shortcut-foreground-color: var(--color-foreground-secondary);
--menu-shortcut-foreground-color-selected: var(--color-foreground-primary); --menu-shortcut-foreground-color-selected: var(--color-foreground-primary);
--menu-shortcut-foreground-color-hover: var(--color-foreground-primary); --menu-shortcut-foreground-color-hover: var(--color-foreground-primary);
--menu-shadow-color: var(--color-background-subtle); --menu-shadow-color: var(--shadow-color);
--menu-background-color-disabled: var(--color-background-primary); --menu-background-color-disabled: var(--color-background-primary);
--menu-foreground-color-disabled: var(--color-foreground-secondary); --menu-foreground-color-disabled: var(--color-foreground-secondary);
--menu-border-color-disabled: var(--color-background-quaternary); --menu-border-color-disabled: var(--color-background-quaternary);

1
frontend/resources/styles/common/refactor/themes/default-theme.scss
View file

@ -29,6 +29,7 @@
--error-color: var(--dark-error-color); --error-color: var(--dark-error-color);
--canvas-color: var(--color-canvas); --canvas-color: var(--color-canvas);
--shadow-color: var(--dark-gray-2-30);
--radio-button-box-shadow: 0 0 0 1px var(--dark-gray-2-30) inset; --radio-button-box-shadow: 0 0 0 1px var(--dark-gray-2-30) inset;
@include meta.load-css("hljs-dark-theme"); @include meta.load-css("hljs-dark-theme");

1
frontend/resources/styles/common/refactor/themes/light-theme.scss
View file

@ -29,6 +29,7 @@
--error-color: var(--light-error-color); --error-color: var(--light-error-color);
--canvas-color: var(--color-canvas); --canvas-color: var(--color-canvas);
--shadow-color: var(--off-black-30);
--radio-button-box-shadow: 0 0 0 1px var(--light-gray-2) inset; --radio-button-box-shadow: 0 0 0 1px var(--light-gray-2) inset;
@include meta.load-css("hljs-light-theme"); @include meta.load-css("hljs-light-theme");

4
frontend/src/app/main/ui/workspace/left_header.scss
View file

@ -93,7 +93,9 @@
cursor: pointer; cursor: pointer;
} }
.separator { .separator {
height: $s-12; margin-top: $s-8;
height: $s-4;
border-top: 1px solid $db-secondary;
} }
.shortcut { .shortcut {
@extend .shortcut; @extend .shortcut;