🔧 chore(modifiers.scss): Update text color to darker shade, add !impo…

…rtant to transparent modifier classes
Spiderpig86 · Mar 1, 2022 · cea9b3c · cea9b3c
1 parent c6e7f1d
commit cea9b3c
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 27 deletions.
diff --git a/dist/cirrus-all.css b/dist/cirrus-all.css
@@ -83,7 +83,7 @@
 */
 :root {
   /* v1 Colors */
-  --cirrus-fg: #374054;
+  --cirrus-fg: #0f172a;
   --cirrus-bg: #ffffff;
   --cirrus-select-bg: rgba(0, 161, 255, 0.2);
   --cirrus-code-bg: rgba(255, 218, 221, 1);
@@ -6146,12 +6146,12 @@ video.video-fullscreen {
 }
 
 .bg-transparent {
-  background-color: transparent;
+  background-color: transparent !important;
 }
 
 .text-transparent {
-  border-color: transparent;
-  color: transparent;
+  border-color: transparent !important;
+  color: transparent !important;
 }
 
 /* v2 */
@@ -12742,12 +12742,12 @@ label:last-child:not(:first-child):not(.form-group-label) {
   padding: 0 1rem;
 }
 .frame .frame__title {
-  color: #374054;
+  color: #0f172a;
   font-size: 1rem;
   margin: 0.75rem auto 0;
 }
 .frame .frame__subtitle {
-  color: rgba(55, 64, 84, 0.6);
+  color: rgba(15, 23, 42, 0.6);
   font-size: 1rem;
   margin: 0 auto 0.75rem;
 }
@@ -17406,7 +17406,7 @@ ul .divider::after {
   pointer-events: none;
 }
 .breadcrumb .breadcrumb__item.breadcrumb__item--active a {
-  color: #374054;
+  color: #0f172a;
 }
 
 /* CARDS */

diff --git a/dist/cirrus-all.min.css b/dist/cirrus-all.min.css
diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
@@ -82,7 +82,7 @@
 */
 :root {
   /* v1 Colors */
-  --cirrus-fg: #374054;
+  --cirrus-fg: #0f172a;
   --cirrus-bg: #ffffff;
   --cirrus-select-bg: rgba(0, 161, 255, 0.2);
   --cirrus-code-bg: rgba(255, 218, 221, 1);
@@ -4645,12 +4645,12 @@ video.video-fullscreen {
 }
 
 .bg-transparent {
-  background-color: transparent;
+  background-color: transparent !important;
 }
 
 .text-transparent {
-  border-color: transparent;
-  color: transparent;
+  border-color: transparent !important;
+  color: transparent !important;
 }
 
 /* v2 */
@@ -11241,12 +11241,12 @@ label:last-child:not(:first-child):not(.form-group-label) {
   padding: 0 1rem;
 }
 .frame .frame__title {
-  color: #374054;
+  color: #0f172a;
   font-size: 1rem;
   margin: 0.75rem auto 0;
 }
 .frame .frame__subtitle {
-  color: rgba(55, 64, 84, 0.6);
+  color: rgba(15, 23, 42, 0.6);
   font-size: 1rem;
   margin: 0 auto 0.75rem;
 }

diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css
diff --git a/dist/cirrus.css b/dist/cirrus.css
@@ -83,7 +83,7 @@
 */
 :root {
   /* v1 Colors */
-  --cirrus-fg: #374054;
+  --cirrus-fg: #0f172a;
   --cirrus-bg: #ffffff;
   --cirrus-select-bg: rgba(0, 161, 255, 0.2);
   --cirrus-code-bg: rgba(255, 218, 221, 1);
@@ -4646,12 +4646,12 @@ video.video-fullscreen {
 }
 
 .bg-transparent {
-  background-color: transparent;
+  background-color: transparent !important;
 }
 
 .text-transparent {
-  border-color: transparent;
-  color: transparent;
+  border-color: transparent !important;
+  color: transparent !important;
 }
 
 /* v2 */
@@ -11242,12 +11242,12 @@ label:last-child:not(:first-child):not(.form-group-label) {
   padding: 0 1rem;
 }
 .frame .frame__title {
-  color: #374054;
+  color: #0f172a;
   font-size: 1rem;
   margin: 0.75rem auto 0;
 }
 .frame .frame__subtitle {
-  color: rgba(55, 64, 84, 0.6);
+  color: rgba(15, 23, 42, 0.6);
   font-size: 1rem;
   margin: 0 auto 0.75rem;
 }
@@ -14382,7 +14382,7 @@ ul .divider::after {
   pointer-events: none;
 }
 .breadcrumb .breadcrumb__item.breadcrumb__item--active a {
-  color: #374054;
+  color: #0f172a;
 }
 
 /* CARDS */

diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
diff --git a/src/base/modifiers.scss b/src/base/modifiers.scss
@@ -56,12 +56,12 @@
 }
 
 .bg-transparent {
-    background-color: transparent;
+    background-color: transparent !important;
 }
 
 .text-transparent {
-    border-color: transparent;
-    color: transparent;
+    border-color: transparent !important;
+    color: transparent !important;
 }
 
 /* v2 */

diff --git a/src/internal/_theme.scss b/src/internal/_theme.scss
@@ -26,7 +26,7 @@ $cirrus-success-hover: #00b147;
 $cirrus-warning-hover: #f9a90e;
 $cirrus-danger-hover: #f1393c;
 
-$cirrus-fg: #374054;
+$cirrus-fg: #0f172a;
 $cirrus-bg: $cirrus-white;
 
 $cirrus-select-bg: rgba(0, 161, 255, 0.2);