removing colors from other themes

src/plainui/jinja2/plainui/components/three_cards.html

@@ -11,7 +11,7 @@
                 </section>
                 {% if card.link %}
                     <footer class="card-footer p-0 mt-2">
-                        <a href="{{ card.link.url }}" class="btn btn-block btn-l{% if card.link.type %} btn-{{card.link.type}}{% endif %}">
+                        <a href="{{ card.link.url }}" class="btn btn-block btn-l btn-transparent">
                             {{ card.link.text }}
                         </a>
                     </footer>

src/plainui/styles/_button-classes.scss

@@ -70,7 +70,7 @@
     .btn.btn-tag-#{$color} {
         background: $info;
         border: 1px solid $value;
-        color: $gray-100;
+        color: $gray-900;
 
         &:hover,
         &:focus,
@@ -79,25 +79,25 @@
         &:not(:disabled):not(.disabled).active {
             @if $color == "primary" and $btn-primary-color != null {
                 color: $btn-primary-color;
-            }@else if $color == "assembly" {
-                color: $body-bg;
-            }@else if $color == "plattform" {
-                color: $light;
+            // }@else if $color == "assembly" {
+            //     color: $body-bg;
+            // }@else if $color == "plattform" {
+            //     color: $light;
             }@else {
                 color: $btn-color;
             }
         }
 
         &:hover {
-            text-shadow: $btn-hover-text-shadow;
+            // text-shadow: $btn-hover-text-shadow;
             background: $value;
         }
 
         &:focus,
         &.focus,
         &:focus-visible {
-            box-shadow: $btn-focus-box-shadow;
-            color: $gray-100;
+            // box-shadow: $btn-focus-box-shadow;
+            color: $gray-900;
         }
 
         &:focus-visible {
@@ -137,10 +137,10 @@
         .show > &.dropdown-toggle {
             @if $color == "primary" and $btn-primary-color != null {
                 color: $btn-primary-color;
-            }@else if $color == "assembly" {
-                color: $body-bg;
-            }@else if $color == "plattform" {
-                color: $light;
+            // }@else if $color == "assembly" {
+            //     color: $body-bg;
+            // }@else if $color == "plattform" {
+            //     color: $light;
             }@else {
                 color: $btn-color;
             }
@@ -193,7 +193,7 @@
             }
         }
     }
-
+/* 
     .btn-outline-#{$color} {
         border-width: 1px;
 
@@ -206,7 +206,12 @@
         .show > &.dropdown-toggle {
             color: $gray-100;
         }
+    } */
 }
+
+.btn-transparent {
+    background-color: transparent;
+    color: $primary;
 }
 
 // add new styles

src/plainui/styles/_util-classes.scss

@@ -181,6 +181,7 @@ h6,
 
 .card-footer {
     border-top: none;
+    background-color: transparent;
 }
 
 .form-check {

src/plainui/styles/utils/_colors.scss

@@ -10,31 +10,32 @@ $plattform: (
 );
 
 $assembly: (
-    "one": #FFF900,
-    "two": #02FAE0,
+    "one": #FFF, // original: #B239FF
+    "two": #000,
     "two-dark": #018577,
-    "three": #0BCB60,
-    "four": #FFFFFF,
-    "bg": #0E1C23,
-    "bg-two": #212B30,
+    "three": #fff,
+    "four": #ffff,
+    "bg": rgba(0,0,0,1),
+    "bg-two": #fff,
     "bg-three": #4C4C4C
 );
 
 $world: (
-    "one": #E500FC,
-    "two": #46EED5,
-    "three": #751DE7,
-    "four": #FFFFFF,
-    "bg": #160624,
-    "bg-two": #330E54,
+    "one": #FFF, // original: #B239FF
+    "two": #000,
+    "three": #fff,
+    "four": #ffff,
+    "bg": rgba(0,0,0,1),
+    "bg-two": #fff,
     "bg-three": #4C4C4C
 );
 
 $high-contrast: (
-    "one": #E500FC,
-    "two": #46EED5,
-    "three": #751DE7,
-    "four": #FFFFFF,
-    "bg": #160624,
+    "one": #FFF, // original: #B239FF
+    "two": #000,
+    "three": #fff,
+    "four": #ffff,
+    "bg": rgba(0,0,0,1),
+    "bg-two": #fff,
     "bg-three": #4C4C4C
 );