Issue #266: UPDATE Changing colors names tailwind

src/app/globals.css

@@ -61,6 +61,40 @@
         --input-focus: #00bacc;
 
 
+        /* HC refere-se ao alto contraste*/
+        /*--ice-HC-dark: #f5f9f9; 
+        --ice-HC-white: #f5f9f9;
+        --ice-HC-gray: #dce1e1;
+        --turquoise: #00bacc;
+        --turquoise-HC-underline: #00bacc;
+        --turquoise-HC-dark: #00bacc;
+        --darkTurquoise-HC-gray: #039eb7;
+        --white-HC-dark: #ffffff;
+        --white-HC-dark-underline: #ffffff;
+        --orange: #ed6f24;
+        --darkOrange-HC-gray: #de5518;
+        --darkGray-HC-white: #6c8080;
+        --darkGray-HC-white-underline: #6c8080;
+        --black-HC-gray: #000000;
+        --black-HC-white: #000000; 
+        --violet: #56358c;
+        --darkViolet-HC-gray: #37215a; 
+        --pink: #e62954;
+        --darkPink-HC-gray: #A01C3A;
+        --lightGray: #d8e6e6;
+        --lightGray-HC-white: #d8e6e6;
+        --red-HC-white: #dc2626;
+        --mediumGray-HC-white: #b9cccc;
+        --underline: none;
+        --lightGray-HC-dark: #d8e6e6;
+        --background: linear-gradient(rgba(245, 249, 249, 0.7),
+                  rgba(245, 249, 249, 1)),
+                  url("/images/fundo.webp");
+        --logo: url("/mecred.svg");
+        --logo-square: url("/mecred_square.svg");
+        --input-focus: #00bacc;*/
+
+
         --font-size-xs-default: 12px;
         --line-height-xs-default: 16px;
         --font-size-sm-default: 14px;

src/app/themes/tema_especial.css

+
+/* Obsoleto*/
 html[data-theme="tema_especial"] {
     --main: #f9ba00;
     --secondary: #006622;

src/app/themes/theme_high_contrast.css

@@ -31,13 +31,47 @@ html[data-theme="theme_high_contrast"] {
             url("/images/fundo.webp");
     --logo: url("/mecred_white.svg");
     --input-focus: #00bacc;
+
+
+    /*--ice-HC-dark: #000000;
+    --ice-HC-white: #ffffff;
+    --ice-HC-gray: #8d8d99;
+    --turquoise-HC-dark: #000000;
+    --white-HC-dark: #000000;
+    --white-HC-dark-underline: #000000;
+    --darkTurquoise-HC-gray: #8d8d99;
+    --darkOrange-HC-gray: #8d8d99;
+    --darkGray-HC-white: #ffffff;
+    --darkGray-HC-white-underline: #ffffff;
+    --black-HC-gray: #8d8d99;
+    --black-HC-white: #ffffff;
+    --darkViolet-HC-gray: #8d8d99;
+    --darkPink-HC-gray: #8d8d99;
+    --button-filters: #000000;
+    --lightGray-HC-white: #ffffff;
+    --red-HC-white: #ffffff;
+    --mediumGray-HC-white:#ffffff;
+    --underline: underline;
+    --lightGray-HC-dark: #000000;
+    --background: linear-gradient(rgba(0, 0, 0, 1),
+            rgba(0, 0, 0, 1)),
+            url("/images/fundo.webp");
+    --logo: url("/mecred_white.svg");
+    --input-focus: #00bacc;*/
 }
 
 .text-main-text[data-theme="theme_high_contrast"]  {
-
     text-decoration: underline;
 }
 
 .text-white[data-theme="theme_high_contrast"]  { 
     text-decoration: underline;
 }
+
+/*.text-darkGray-HC-white-underline[data-theme="theme_high_contrast"]  {
+    text-decoration: underline;
+}
+
+.text-white-HC-dark-underline[data-theme="theme_high_contrast"]  { 
+    text-decoration: underline;
+}*/
\ No newline at end of file

tailwind.config.js

@@ -26,7 +26,6 @@ module.exports = {
         "9xl": ['var(--font-size-9xl)', 'var(--line-height-9xl)'],
       },
       colors: {
-        // primary: 'var(--color-primary)',
         "main": 'var(--main)', // "#f5f9f9",
         "secondary": 'var(--secondary)',
         "white": 'var(--white)',
@@ -60,6 +59,29 @@ module.exports = {
         "publish-text": 'var(--publish-text)',
         "red-publish": 'var(--red-publish)',
         "blue-publish": 'var(--blue-publish)',
+        
+        /*
+        "ice-HC-dark": 'var(--ice-HC-dark)', // "#f5f9f9",
+        "ice-HC-white": 'var(--ice-HC-white)',
+        "ice-HC-gray": 'var(--ice-HC-gray)',
+        "turquoise": 'var(--turquoise)',
+        "turquoise-HC-underline": 'var(--turquoise-HC-underline)',
+        "turquoise-HC-dark": 'var(--turquoise-HC-dark)',
+        "white-HC-dark:": 'var(--white-HC-dark:)',
+        "white-HC-dark-underline": 'var(--white-HC-dark-underline)',
+        "orange": 'var(--orange)',
+        "darkOrange-HC-gray": 'var(--darkOrange-HC-gray)',
+        "darkGray-HC-white-underline": 'var(--darkGray-HC-white-underline)',
+        "black-HC-white": 'var(--black-HC-white)',
+        "violet": 'var(--violet)',
+        "darkViolet-HC-gray": 'var(--darkViolet-HC-gray)',
+        "pink": 'var(--pink)',
+        "darkPink-HC-gray": 'var(--darkViolet-HC-gray)',
+        "lightGray": 'var(--lightGray)',
+        "lightGray-HC-white": 'var(--lightGray-HC-white)',
+        "red-HC-white": 'var(--red-HC-white)',
+        "mediumGray-HC-white": 'var(--mediumGray-HC-white)',
+        "lightGray-HC-dark": 'var(--lightGray-HC-dark)',*/
       },
       backgroundImage: {
         "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",