style team page for dark mode

using the same background colour for the team "cards" as for the non-hoverable cards on the landing page

Author: simonsteiger

team/team.css

@@ -6,7 +6,7 @@ a {
 .team-member {
   display: flex;
   align-items: center;
-  background-color: #f8f9fa;
+  background-color: #e9ecef; /*gray-200, same as $color-mute-bg */
   border-radius: 0.5rem;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   margin-bottom: 2rem;

theming/dark.scss

@@ -12,11 +12,11 @@ $theme: "cosmo" !default;
 
 @import "rules/mixins";
 
-@import "rules/layouts";
-@import "rules/hoverables-dark";
+@import "rules/layouts"; // custom spacing and layout elements
+@import "rules/hoverables-dark"; // hover styling of buttons, listings
 @import "rules/navbar";
-@import "rules/quarto-tweaks";
-@import "rules/svg";
-
-@import "old/old-styles";
+@import "rules/quarto-tweaks"; // style modifications of (mostly) quarto classes
+@import "rules/svg"; // svg on landing page
+@import "rules/team-dark"; // dark mode for team page
 
+@import "old/old-styles"; // copy of old css style sheet

theming/light.scss

@@ -9,10 +9,10 @@
 
 @import "rules/mixins";
 
-@import "rules/layouts";
-@import "rules/hoverables-light";
+@import "rules/layouts"; // custom spacing and layout elements
+@import "rules/hoverables-light"; // hover styling of buttons, listings
 @import "rules/navbar";
-@import "rules/quarto-tweaks";
-@import "rules/svg";
+@import "rules/quarto-tweaks"; // style modifications of (mostly) quarto classes
+@import "rules/svg"; // svg on landing page
 
-@import "old/old-styles";
+@import "old/old-styles"; // copy of old css style sheet

theming/rules/_team-dark.scss

@@ -0,0 +1,4 @@
+.team-member {
+    background-color: $color-mute-bg !important;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
+}

theming/variables/_borders.scss

@@ -3,4 +3,3 @@ $border-radius-sm: 0.5rem;
 $border-width-lg: 2px;
 $border-width: 1px;
 $border-width-sm: 0.5px;
-$default-border-wide: $border-width solid $light-bg-offset;

theming/variables/_colorsdark.scss

@@ -12,7 +12,6 @@ $color-mute-bg: $gray-800;
 
 $body-color: white;
 $body-bg: #201F24;
-$light-bg-offset: $color-secondary;
 $color-fg: white;
 
 $text-muted: $medium-grey;