Skip to content

Commit 43f11a9

Browse files
simonsteigershravanngoswamii
authored andcommitted
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
1 parent 2537b13 commit 43f11a9

File tree

6 files changed

+16
-14
lines changed

6 files changed

+16
-14
lines changed

team/team.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ a {
66
.team-member {
77
display: flex;
88
align-items: center;
9-
background-color: #f8f9fa;
9+
background-color: #e9ecef; /*gray-200, same as $color-mute-bg */
1010
border-radius: 0.5rem;
1111
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
1212
margin-bottom: 2rem;

theming/dark.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,11 @@ $theme: "cosmo" !default;
1212

1313
@import "rules/mixins";
1414

15-
@import "rules/layouts";
16-
@import "rules/hoverables-dark";
15+
@import "rules/layouts"; // custom spacing and layout elements
16+
@import "rules/hoverables-dark"; // hover styling of buttons, listings
1717
@import "rules/navbar";
18-
@import "rules/quarto-tweaks";
19-
@import "rules/svg";
20-
21-
@import "old/old-styles";
18+
@import "rules/quarto-tweaks"; // style modifications of (mostly) quarto classes
19+
@import "rules/svg"; // svg on landing page
20+
@import "rules/team-dark"; // dark mode for team page
2221

22+
@import "old/old-styles"; // copy of old css style sheet

theming/light.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@
99

1010
@import "rules/mixins";
1111

12-
@import "rules/layouts";
13-
@import "rules/hoverables-light";
12+
@import "rules/layouts"; // custom spacing and layout elements
13+
@import "rules/hoverables-light"; // hover styling of buttons, listings
1414
@import "rules/navbar";
15-
@import "rules/quarto-tweaks";
16-
@import "rules/svg";
15+
@import "rules/quarto-tweaks"; // style modifications of (mostly) quarto classes
16+
@import "rules/svg"; // svg on landing page
1717

18-
@import "old/old-styles";
18+
@import "old/old-styles"; // copy of old css style sheet

theming/rules/_team-dark.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
.team-member {
2+
background-color: $color-mute-bg !important;
3+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
4+
}

theming/variables/_borders.scss

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,3 @@ $border-radius-sm: 0.5rem;
33
$border-width-lg: 2px;
44
$border-width: 1px;
55
$border-width-sm: 0.5px;
6-
$default-border-wide: $border-width solid $light-bg-offset;

theming/variables/_colorsdark.scss

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@ $color-mute-bg: $gray-800;
1212

1313
$body-color: white;
1414
$body-bg: #201F24;
15-
$light-bg-offset: $color-secondary;
1615
$color-fg: white;
1716

1817
$text-muted: $medium-grey;

0 commit comments

Comments
 (0)