various color fixes

HaxeFlixel · Mar 11, 2024 · ea0ce30 · ea0ce30
1 parent 969e3a0
commit ea0ce30
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 3 deletions.
diff --git a/scss/darkmode-style.scss b/scss/darkmode-style.scss
@@ -1,3 +1,5 @@
+@import "./flixel-colors.scss";
+
 $color-mode-type: data;
 
 @include color-mode(dark) {

diff --git a/scss/flixel-colors.scss b/scss/flixel-colors.scss
@@ -0,0 +1,5 @@
+$flixel-dark-blue: #3b43ff;
+$flixel-yello: #ffbf37;
+$flixel-red: #ff2346;
+$flixel-green: #00b92b;
+$flxiel-light-blue: #0bc8ff;
diff --git a/scss/sections/showcase.scss b/scss/sections/showcase.scss
@@ -3,6 +3,19 @@
 	@include opacityAll(0.7);
 }
 
+h1,
+h3 {
+	color: var(--bs-emphasis-color);
+}
+
+$color-mode-type: data;
+
+@include color-mode(dark) {
+	.showcase-targets img {
+		filter: invert(1);
+	}
+}
+
 .showcases-target-active img {
 	@include nograyscale();
 	@include opacityAll(0.7);

diff --git a/scss/style.scss b/scss/style.scss
@@ -3,6 +3,7 @@
 @import "./footer.scss";
 @import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css");
 @import "./darkmode-style.scss";
+@import "./flixel-colors.scss";
 
 * {
 	transition: background-color 0.5s ease;
@@ -52,8 +53,8 @@ a.header-anchor:hover::after {
 a.header-anchor::before {
 	display: block;
 	content: " ";
-	margin-top: -60px;
-	height: 60px;
+	margin-top: -75px;
+	height: 75px;
 	visibility: hidden;
 }
 
@@ -234,6 +235,7 @@ a.header-anchor::before {
 .title {
 	position: relative;
 	padding-bottom: 14px;
+	color: var(--bs-emphasis-color);
 }
 
 .title:before {
@@ -295,7 +297,7 @@ pre .title:before {
 	min-height: 820px;
 	padding: 16px;
 	overflow: hidden;
-	color: rgba(var(--bs-emphasis-color));
+	color: rgba(var(--bs-body-color));
 }
 
 .container-main-content {