pkp/pkp-lib#10850 Remove duplicate css variables

Author: blesildaramirez

src/docs/guide/DesignSystem/_CSSVariables.vue

@@ -38,7 +38,7 @@ onMounted(() => {
 						if (prop.startsWith('--') && !prop.startsWith('--tw')) {
 							const value = rule.style.getPropertyValue(prop).trim();
 
-							if (prop === '--background-color-primary') {
+							if (prop === '--color-primary') {
 								primaryColor = value;
 							}
 							let styles;

src/styles/tw-theme-vars.css

@@ -1,89 +1,12 @@
 :root {
-	--background-color-primary: #006798;
-	--background-color-hover: #0082bf;
-	--background-color-attention: #d00a0a;
-	--background-color-success: #00b24e;
-	--background-color-negative: #d00a6c;
-	--background-color-stage-desk-review: #9b6ff8;
-	--background-color-stage-in-review: #e08914;
-	--background-color-stage-copyediting: #f66aaf;
-	--background-color-stage-production: #4ac7e2;
-	--background-color-stage-scheduled-for-publishing: #ded15d;
-	--background-color-stage-incomplete-submission: #777777;
-	--background-color-stage-published: #00b24e;
-	--background-color-stage-declined: #d00a0a;
-	--background-color-profile-1: #ab7d94;
-	--background-color-profile-2: #598d70;
-	--background-color-profile-3: #9b7cdc;
-	--background-color-profile-4: #89aae0;
-	--background-color-profile-5: #ebda68;
-	--background-color-profile-6: #bd726c;
-	--background-color-transparent: transparent;
-	--background-color-default: #eaedee;
-	--background-color-secondary: #ffffff;
-	--background-color-tertiary: rgba(234, 237, 238, 0.3);
-	--background-color-blur: rgba(0, 0, 0, 0.5);
-	--background-color-selection-light: #d5e9f2;
-	--background-color-selection-dark: #002c40;
-	--background-color-disabled: rgba(28, 27, 31, 0.1);
-	--text-color-primary: #006798;
-	--text-color-hover: #0082bf;
-	--text-color-attention: #d00a0a;
-	--text-color-success: #00b24e;
-	--text-color-negative: #d00a6c;
-	--text-color-stage-desk-review: #9b6ff8;
-	--text-color-stage-in-review: #e08914;
-	--text-color-stage-copyediting: #f66aaf;
-	--text-color-stage-production: #4ac7e2;
-	--text-color-stage-scheduled-for-publishing: #ded15d;
-	--text-color-stage-incomplete-submission: #777777;
-	--text-color-stage-published: #00b24e;
-	--text-color-stage-declined: #d00a0a;
-	--text-color-profile-1: #ab7d94;
-	--text-color-profile-2: #598d70;
-	--text-color-profile-3: #9b7cdc;
-	--text-color-profile-4: #89aae0;
-	--text-color-profile-5: #ebda68;
-	--text-color-profile-6: #bd726c;
-	--text-color-transparent: transparent;
-	--text-color-default: #222222;
-	--text-color-secondary: #505050;
-	--text-color-heading: #01354f;
-	--text-color-disabled: #4e4f4f;
-	--text-color-on-dark: #ffffff;
-	--border-color-primary: #006798;
-	--border-color-hover: #0082bf;
-	--border-color-attention: #d00a0a;
-	--border-color-success: #00b24e;
-	--border-color-negative: #d00a6c;
-	--border-color-stage-desk-review: #9b6ff8;
-	--border-color-stage-in-review: #e08914;
-	--border-color-stage-copyediting: #f66aaf;
-	--border-color-stage-production: #4ac7e2;
-	--border-color-stage-scheduled-for-publishing: #ded15d;
-	--border-color-stage-incomplete-submission: #777777;
-	--border-color-stage-published: #00b24e;
-	--border-color-stage-declined: #d00a0a;
-	--border-color-profile-1: #ab7d94;
-	--border-color-profile-2: #598d70;
-	--border-color-profile-3: #9b7cdc;
-	--border-color-profile-4: #89aae0;
-	--border-color-profile-5: #ebda68;
-	--border-color-profile-6: #bd726c;
-	--border-color-transparent: transparent;
-	--border-color-dark: #696969;
-	--border-color-light: #bbbbbb;
-	--border-color-form-fields: #777777;
-	--radius: 4px;
-	--radius-full: 9999px;
-	--shadow: 0 0 4px rgba(0, 0, 0, 0.5);
 	--color-primary: #006798;
 	--color-hover: #0082bf;
 	--color-attention: #d00a0a;
 	--color-success: #00b24e;
 	--color-negative: #d00a6c;
 	--color-stage-desk-review: #9b6ff8;
 	--color-stage-in-review: #e08914;
+	--color-stage-in-internal-review: #42427f;
 	--color-stage-copyediting: #f66aaf;
 	--color-stage-production: #4ac7e2;
 	--color-stage-scheduled-for-publishing: #ded15d;
@@ -97,6 +20,25 @@
 	--color-profile-5: #ebda68;
 	--color-profile-6: #bd726c;
 	--color-transparent: transparent;
+	--background-color-default: #eaedee;
+	--background-color-secondary: #ffffff;
+	--background-color-tertiary: rgba(234, 237, 238, 0.3);
+	--background-color-blur: rgba(0, 0, 0, 0.5);
+	--background-color-selection-light: #d5e9f2;
+	--background-color-selection-dark: #002c40;
+	--background-color-disabled: rgba(28, 27, 31, 0.1);
+	--text-color-default: #222222;
+	--text-color-secondary: #505050;
+	--text-color-heading: #01354f;
+	--text-color-disabled: #4e4f4f;
+	--text-color-on-dark: #ffffff;
+	--border-color-dark: #696969;
+	--border-color-light: #bbbbbb;
+	--border-color-form-fields: #777777;
+	--border-color-transparent: transparent;
+	--radius: 4px;
+	--radius-full: 9999px;
+	--shadow: 0 0 4px rgba(0, 0, 0, 0.5);
 	--font-sans: 'Noto Sans', ui-sans-serif, system-ui, sans-serif,
 		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 	--text-xs-normal: 0.625rem;