HighestGoodNetworkApp/src/components/BMDashboard/WeeklyProjectSummary/TotalMaterialCostPerProject/TotalMaterialCostPerProject.module.css at e1add6ab0d391e8edc8cb25815e40bdd99eb5a7b · OneCommunityGlobal/HighestGoodNetworkApp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
.totalMaterialCostPerProjectChartTitle {
  font-size: medium;
  font-weight: bold;
  color: var(--text-color);
  margin-bottom: 10px;
}

.totalMaterialCostPerProjectChartTitleDark {
  color: var(--text-color, #ffffff);
}


.selectValueContainerDark {
  background-color: var(--section-bg);
  border-color: var(--section-title-bg);
  color: var(--text-color);
}

/* react-select multi value chip */
.selectMultiValue {
  max-width: none;
  flex-shrink: 0;
}

.selectMultiValueDark {
  background-color: var(--input-bg, #375071);
}

/* react-select multi value label */
.selectMultiValueLabel {
  font-size: 12px;
}

.selectMultiValueLabelDark {
  color: var(--text-color, white);
}

/* react-select dropdown menu */
.selectMenu {
  font-size: 12px;
}

.selectMenuDark {
  background-color: var(--section-bg);
}

/* Optional hover/focus state for dark dropdown items */
.selectOptionHoverDark {
  background-color: var(--accent-color, #0d55b3);
}