Commit 62074c7a authored by Dominik Hebeler's avatar Dominik Hebeler
Browse files

fixed arrow color in darkmode

parent de0af5bb
...@@ -76,6 +76,7 @@ ...@@ -76,6 +76,7 @@
.quicktip-headline { .quicktip-headline {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center;
justify-content: space-between; justify-content: space-between;
.quicktip-title, .quicktip-title,
...@@ -230,6 +231,10 @@ ...@@ -230,6 +231,10 @@
} }
} }
.mg-icon {
filter: @invert-state
}
.mg-icon-rot180 { .mg-icon-rot180 {
transition: transform 0.5s; transition: transform 0.5s;
} }
......
@import "./variables.less"; @import "./variables.less";
// Default Background Color // Default Background Color
...@@ -14,19 +13,21 @@ ...@@ -14,19 +13,21 @@
@card-background-color: @color-strong-grey; @card-background-color: @color-strong-grey;
// Default Borde Color // Default Borde Color
@border-color: #727272; @border-color: #727272;
// Inverts color of svgs. Our Svgs are all black which means 0% invert for light and 100% for dark.
@invert-state: invert(100%);
// Story coloring // Story coloring
@story-privacy-background: @color-strong-grey; @story-privacy-background: @color-strong-grey;
@story-privacy-color: @color-almost-white; @story-privacy-color: @color-almost-white;
@story-ngo-background:#200000; @story-ngo-background: #200000;
@story-ngo-color:#ffaaaa; @story-ngo-color: #ffaaaa;
@story-diversity-background:#000020; @story-diversity-background: #000020;
@story-diversity-color:#aaaaff; @story-diversity-color: #aaaaff;
@story-eco-background:#002000; @story-eco-background: #002000;
@story-eco-color:#aaffaa; @story-eco-color: #aaffaa;
@story-plugin-background: @color-almost-black; @story-plugin-background: @color-almost-black;
@story-font-color: @color-almost-white; @story-font-color: @color-almost-white;
@icon-color:0.9; @icon-color: 0.9;
@searchbar-background-color: @color-almost-black; @searchbar-background-color: @color-almost-black;
...@@ -34,4 +35,4 @@ ...@@ -34,4 +35,4 @@
@input-text: @color-almost-white; @input-text: @color-almost-white;
@blacklist-entries-odd: @color-almost-black; @blacklist-entries-odd: @color-almost-black;
@blacklist-entries-even:rgb(30, 15, 0); @blacklist-entries-even: rgb(30, 15, 0);
\ No newline at end of file \ No newline at end of file
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
@background-color: @color-white; @background-color: @color-white;
@background-color-mobile: #FAFAFA; @background-color-mobile: #FAFAFA;
@sidebar-list-hover-color: @color-almost-white; @sidebar-list-hover-color: @color-almost-white;
@invert-state: invert(0%); // Inverts color of svgs. Our Svgs are all black which means 0% invert for light and 100% for dark.
// Default Font // Default Font
@metager-font: "Liberation Sans", @metager-font: "Liberation Sans",
"Helvetica Neue", "Helvetica Neue",
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment