From 0c1a4958801e66bf69ea9bfbd1bc7e9f0f7d1d4b Mon Sep 17 00:00:00 2001 From: Burak Civan Date: Thu, 15 Sep 2022 16:21:34 +0300 Subject: [PATCH] added new colors --- presets.js | 16 +++++++++++++++ public/css/app.css | 51 ++++++++++++++++------------------------------ safelist.txt | 5 ++++- 3 files changed, 38 insertions(+), 34 deletions(-) diff --git a/presets.js b/presets.js index ee32fc264..58c4de140 100644 --- a/presets.js +++ b/presets.js @@ -141,6 +141,22 @@ module.exports = { '800': '#9f1239', '900': '#881337' }, + 'silver': { + DEFAULT: '#F0F1F3', + '700': '#475569' + }, + 'pastel_green': { + DEFAULT: '#E0F1E3', + '700': '#678D72' + }, + 'peach_orange': { + DEFAULT: '#FCF2D9', + '700': '#B78939' + }, + 'wisteria': { + DEFAULT: '#E5E4FA', + '700': '#65638C' + }, 'status': { 'success': '#F1F6EE', 'danger': '#fae6e6', diff --git a/public/css/app.css b/public/css/app.css index 38d4972be..6cb3dad50 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -48957,16 +48957,6 @@ body{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.hover\:border-emerald-400:hover{ - --tw-border-opacity: 1; - border-color: rgb(52 211 153 / var(--tw-border-opacity)); -} - -.hover\:border-amber-400:hover{ - --tw-border-opacity: 1; - border-color: rgb(251 191 36 / var(--tw-border-opacity)); -} - .hover\:border-silver-700:hover{ --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity)); @@ -48977,14 +48967,19 @@ body{ border-color: rgb(183 137 57 / var(--tw-border-opacity)); } -.hover\:bg-emerald-400:hover{ - --tw-bg-opacity: 1; - background-color: rgb(52 211 153 / var(--tw-bg-opacity)); +.hover\:border-pastel_green-700:hover{ + --tw-border-opacity: 1; + border-color: rgb(103 141 114 / var(--tw-border-opacity)); } -.hover\:bg-amber-400:hover{ +.hover\:bg-silver-700:hover{ --tw-bg-opacity: 1; - background-color: rgb(251 191 36 / var(--tw-bg-opacity)); + background-color: rgb(71 85 105 / var(--tw-bg-opacity)); +} + +.hover\:bg-peach_orange-700:hover{ + --tw-bg-opacity: 1; + background-color: rgb(183 137 57 / var(--tw-bg-opacity)); } .hover\:bg-white:hover{ @@ -49061,14 +49056,9 @@ body{ background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.hover\:bg-silver-700:hover{ +.hover\:bg-pastel_green-700:hover{ --tw-bg-opacity: 1; - background-color: rgb(71 85 105 / var(--tw-bg-opacity)); -} - -.hover\:bg-peach_orange-700:hover{ - --tw-bg-opacity: 1; - background-color: rgb(183 137 57 / var(--tw-bg-opacity)); + background-color: rgb(103 141 114 / var(--tw-bg-opacity)); } .hover\:bg-opacity-100:hover{ @@ -49091,14 +49081,14 @@ body{ font-weight: 600; } -.hover\:text-emerald-400:hover{ +.hover\:text-silver-700:hover{ --tw-text-opacity: 1; - color: rgb(52 211 153 / var(--tw-text-opacity)); + color: rgb(71 85 105 / var(--tw-text-opacity)); } -.hover\:text-amber-400:hover{ +.hover\:text-peach_orange-700:hover{ --tw-text-opacity: 1; - color: rgb(251 191 36 / var(--tw-text-opacity)); + color: rgb(183 137 57 / var(--tw-text-opacity)); } .hover\:text-black-700:hover{ @@ -49136,14 +49126,9 @@ body{ color: rgb(55 65 81 / var(--tw-text-opacity)); } -.hover\:text-silver-700:hover{ +.hover\:text-pastel_green-700:hover{ --tw-text-opacity: 1; - color: rgb(71 85 105 / var(--tw-text-opacity)); -} - -.hover\:text-peach_orange-700:hover{ - --tw-text-opacity: 1; - color: rgb(183 137 57 / var(--tw-text-opacity)); + color: rgb(103 141 114 / var(--tw-text-opacity)); } .hover\:underline:hover{ diff --git a/safelist.txt b/safelist.txt index 3f91a1b94..323d3ecde 100644 --- a/safelist.txt +++ b/safelist.txt @@ -24,8 +24,11 @@ lg:max-w-lg sm:max-w-4xl hover:bg-silver-700 hover:bg-peach_orange-700 +hover:bg-pastel_green-700 hover:bg-white hover:border-silver-700 hover:border-peach_orange-700 +hover:border-pastel_green-700 hover:text-silver-700 -hover:text-peach_orange-700 \ No newline at end of file +hover:text-peach_orange-700 +hover:text-pastel_green-700 \ No newline at end of file