X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fmain.scss;h=6d26e38b0a669ba60a46b09a5135e9cdea5aa337;hb=84032966f14fb3c9269b570b1d4fc16452c601c4;hp=7567f9afbf158b3e14fac854c2485f4d5c25b2c1;hpb=748286b530a4b000cac6b88bbcebb258056a9e77;p=theme-danix.xyz.git

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 7567f9a..6d26e38 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -1,3 +1,4 @@
+// HTML5UP
 @import 'libs/vars';
 @import 'libs/functions';
 @import 'libs/mixins';
@@ -5,8 +6,6 @@
 @import 'libs/vendor';
 @import 'libs/breakpoints';
 @import 'libs/html-grid';
-// MY COLOR DEFINITIONS
-@import "colors";
 // GOOGLE FONTS
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
 
@@ -21,7 +20,6 @@
 		xxsmall:   (null,     360px    )
 	));
 
-
 // Mixins.
 
 	@mixin inner {
@@ -56,11 +54,13 @@
 	@import 'components/actions';
 	@import 'components/icons';
 	@import 'components/pagination';
+	@import 'components/breadcrumbs';
 	@import 'components/table';
 	@import 'components/button';
 	@import 'components/tiles';
 	@import 'components/contact-method';
 	@import 'components/spotlights';
+	@import 'components/search';
 
 // Layout.
 
@@ -71,3 +71,12 @@
 	@import 'layout/footer';
 	@import 'layout/wrapper';
 	@import 'layout/menu';
+
+// darken images in dark mode
+@media screen and (prefers-color-scheme: dark) {
+	$image-filter: grayscale(50%);
+
+	img:not([src*='.svg']) {
+	  filter: $image-filter;
+	}
+}