diff --git a/src/app/globals.css b/src/app/globals.css index 1b0c0b34f06e22a331b06ce4684a3170f41507dc..68343f75d9bedc8e441005d5c370376d222176c2 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 0d4eb7ced08732e04fdb548d9267e469b99df547..ca616a8459566d7bf5d6c16f1eced04c2bc572ae 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 e06f21750d9c39696037afd9a5b69527dfb78adc..397c039095f0f25911b348888cca79f0159f8f3e 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 f76abad0be958ca672141987d7eb85730cf2dca7..f684c8fcdd0d9136b1c71cf4988e9a379b34613f 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))",