github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-03 03:00:39 -04:00
Code Issues Packages Projects Releases Wiki Activity

Style updates (#8359)

Browse Source 
* badge sizing

* tailored chip padding based on size

* list style update

* round language progress bar

* remove whitespace causing odd gap after field

* complress field management grid

* add yellow to color options, make warning yellow
This commit is contained in:
Ben Haynes
2021-09-27 17:43:30 -04:00
committed by GitHub
parent c2c9ad4116
commit 6801ccf38e
8 changed files with 59 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
app/src/styles/themes/_dark.scss
View File

@@ -60,6 +60,17 @@
--green-10: #294A4B;
--green-alt: #294A4B;
--yellow-190: #FFF9ED;
--yellow-175: #FEF0D3;
--yellow-150: #FDE2A7;
--yellow-125: #FCD37B;
--yellow: #FBC54F;
--yellow-75: #C8A34C;
--yellow-50: #948049;
--yellow-25: #615E46;
--yellow-10: #42453F;
--yellow-alt: #42453F;
--orange-190: #FFF5E9;
--orange-175: #FDE5C6;
--orange-150: #FACA8D;
@@ -106,16 +117,16 @@
--success-25: var(--green-25);
--success-10: var(--green-10);
--warning-190: var(--orange-190);
--warning-175: var(--orange-175);
--warning-150: var(--orange-150);
--warning-125: var(--orange-125);
--warning: var(--orange);
--warning-alt: var(--orange-10);
--warning-75: var(--orange-75);
--warning-50: var(--orange-50);
--warning-25: var(--orange-25);
--warning-10: var(--orange-10);
--warning-190: var(--yellow-190);
--warning-175: var(--yellow-175);
--warning-150: var(--yellow-150);
--warning-125: var(--yellow-125);
--warning: var(--yellow);
--warning-alt: var(--yellow-10);
--warning-75: var(--yellow-75);
--warning-50: var(--yellow-50);
--warning-25: var(--yellow-25);
--warning-10: var(--yellow-10);
--danger-190: var(--red-190);
--danger-175: var(--red-175);

32
app/src/styles/themes/_light.scss
View File

@@ -59,6 +59,17 @@
--green-175: #225F58;
--green-190: #294A4B;
--yellow-alt: #FFF9ED;
--yellow-10: #FFF9ED;
--yellow-25: #FEF0D3;
--yellow-50: #FDE2A7;
--yellow-75: #FCD37B;
--yellow: #FFB300;
--yellow-125: #C8A34C;
--yellow-150: #948049;
--yellow-175: #615E46;
--yellow-190: #424A44;
--orange-alt: #FFF5E9;
--orange-10: #FFF5E9;
--orange-25: #FDE5C6;
@@ -81,7 +92,6 @@
--red-175: #5B414C;
--red-190: #403E47;
--primary-10: var(--green-10);
--primary-25: var(--green-25);
--primary-50: var(--green-50);
@@ -105,16 +115,16 @@
--success-175: var(--green-175);
--success-190: var(--green-190);
--warning-10: var(--orange-10);
--warning-25: var(--orange-25);
--warning-50: var(--orange-50);
--warning-75: var(--orange-75);
--warning: var(--orange);
--warning-alt: var(--orange-10);
--warning-125: var(--orange-125);
--warning-150: var(--orange-150);
--warning-175: var(--orange-175);
--warning-190: var(--orange-190);
--warning-10: var(--yellow-10);
--warning-25: var(--yellow-25);
--warning-50: var(--yellow-50);
--warning-75: var(--yellow-75);
--warning: var(--yellow);
--warning-alt: var(--yellow-10);
--warning-125: var(--yellow-125);
--warning-150: var(--yellow-150);
--warning-175: var(--yellow-175);
--warning-190: var(--yellow-190);
--danger-10: var(--red-10);
--danger-25: var(--red-25);