From 7aef44c4d7af08bb19513f1e8e1efc60f0fddf53 Mon Sep 17 00:00:00 2001 From: smtw <code@smtw.de> Date: Fri, 17 Dec 2021 23:01:47 +0100 Subject: [PATCH] removing colors from other themes --- .../plainui/components/three_cards.html | 2 +- src/plainui/styles/_button-classes.scss | 33 +++++++++-------- src/plainui/styles/_util-classes.scss | 1 + src/plainui/styles/utils/_colors.scss | 35 ++++++++++--------- 4 files changed, 39 insertions(+), 32 deletions(-) diff --git a/src/plainui/jinja2/plainui/components/three_cards.html b/src/plainui/jinja2/plainui/components/three_cards.html index b3930c33c..bf4ebe613 100644 --- a/src/plainui/jinja2/plainui/components/three_cards.html +++ b/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> diff --git a/src/plainui/styles/_button-classes.scss b/src/plainui/styles/_button-classes.scss index 1fbe5bbeb..306393df2 100644 --- a/src/plainui/styles/_button-classes.scss +++ b/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 diff --git a/src/plainui/styles/_util-classes.scss b/src/plainui/styles/_util-classes.scss index 1b9415e84..28ddfc512 100644 --- a/src/plainui/styles/_util-classes.scss +++ b/src/plainui/styles/_util-classes.scss @@ -181,6 +181,7 @@ h6, .card-footer { border-top: none; + background-color: transparent; } .form-check { diff --git a/src/plainui/styles/utils/_colors.scss b/src/plainui/styles/utils/_colors.scss index 00316c78d..32839ade9 100644 --- a/src/plainui/styles/utils/_colors.scss +++ b/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 ); -- GitLab