3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 07:58:32 +02:00
Code Issues Projects Releases Packages Wiki Activity

layers sedebar refactor

Browse source
This commit is contained in:
Juan de la Cruz 2019-12-16 14:19:25 +01:00
parent 861d1041b6
commit 07e2fb977c
6 changed files with 405 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/resources/styles/common/dependencies/colors.scss
View file

@ -31,8 +31,10 @@ $color-gray-light: mix($color-gray, $color-white, $mix-percentage-light);
$color-gray-lighter: mix($color-gray, $color-white, $mix-percentage-lighter);
$color-gray-dark: mix($color-gray, $color-black, $mix-percentage-dark);
$color-gray-darker: mix($color-gray, $color-black, $mix-percentage-darker);
$color-gray-30: #b1b2b5;
$color-gray-40: #7B7D85;
$color-gray-10: #E3E3E3;
$color-gray-20: #b1b2b5;
$color-gray-30: #7B7D85;
$color-gray-40: #64666A;
$color-gray-50: #303236;
$color-gray-60: #1F1F1F;

16
frontend/resources/styles/common/dependencies/uxbox-light.scss
View file

@ -24,19 +24,19 @@ $secondary-ui-bg: $color-gray-60;
$dark-ui-bg: mix($ui-flavour, $color-white, $mix-percentage-light);
// Border color
$intense-ui-border: $ui-flavour;
$medium-ui-border: mix($ui-flavour, $color-white, $mix-percentage-light);
$intense-ui-border: $color-gray-40;
$medium-ui-border: $color-gray-60;
$soft-ui-border: $color-gray-60;
// Icon colors
$intense-ui-icons: $color-gray-30;
$medium-ui-icons: $color-gray-40;
$soft-ui-icons: mix($ui-flavour, $color-white, $mix-percentage-lighter);
$intense-ui-icons: $color-gray-20;
$medium-ui-icons: $color-gray-30;
$soft-ui-icons: $color-gray-60;
// Text colors
$intense-ui-text: mix($ui-flavour, $color-black, $mix-percentage-darker);
$medium-ui-text: $ui-flavour;
$soft-ui-text: mix($ui-flavour, $color-white, $mix-percentage-light);
$intense-ui-text: $color-gray-60;
$medium-ui-text: $color-gray-20;
$soft-ui-text: $color-gray-10;
// Canvas colors
$canvas-bg: mix($ui-flavour, $color-white, $mix-percentage-lighter);