From fa283c9e1b67636125c9f8e27a6355f0e3bd4038 Mon Sep 17 00:00:00 2001
From: a-eloCard <esrsc23@inf.ufpr.br>
Date: Thu, 13 Mar 2025 11:58:53 -0300
Subject: [PATCH] Issue #266: UPDATE Changing colors names tailwind
---
src/app/globals.css | 34 +++++++++++++++++++++++
src/app/themes/tema_especial.css | 2 ++
src/app/themes/theme_high_contrast.css | 38 ++++++++++++++++++++++++--
tailwind.config.js | 24 +++++++++++++++-
4 files changed, 95 insertions(+), 3 deletions(-)
diff --git a/src/app/globals.css b/src/app/globals.css
index 1b0c0b34..68343f75 100644
--- a/src/app/globals.css
+++ b/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;
diff --git a/src/app/themes/tema_especial.css b/src/app/themes/tema_especial.css
index 0d4eb7ce..ca616a84 100644
--- a/src/app/themes/tema_especial.css
+++ b/src/app/themes/tema_especial.css
@@ -1,3 +1,5 @@
+
+/* Obsoleto*/
html[data-theme="tema_especial"] {
--main: #f9ba00;
--secondary: #006622;
diff --git a/src/app/themes/theme_high_contrast.css b/src/app/themes/theme_high_contrast.css
index e06f2175..397c0390 100644
--- a/src/app/themes/theme_high_contrast.css
+++ b/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;
-}
\ No newline at end of file
+}
+
+/*.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
diff --git a/tailwind.config.js b/tailwind.config.js
index f76abad0..f684c8fc 100644
--- a/tailwind.config.js
+++ b/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))",
--
GitLab