@things-factory/shell 7.0.1-rc.0 → 7.0.1-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -44,7 +44,7 @@ body {
|
|
44
44
|
|
45
45
|
--page-description-margin: var(--margin-narrow) 0 var(--margin-wide) 0;
|
46
46
|
--page-description-font: normal var(--fontsize-default) / 1.2rem var(--theme-font);
|
47
|
-
--page-description-color: var(--md-sys-color-
|
47
|
+
--page-description-color: var(--md-sys-color-primary);
|
48
48
|
|
49
49
|
--subtitle-padding: 12px 5px 3px 5px;
|
50
50
|
--subtitle-font: bold 18px var(--theme-font);
|
@@ -122,7 +122,7 @@ body {
|
|
122
122
|
--fieldset-margin: var(--padding-wide) 0;
|
123
123
|
--fieldset-padding: 0 var(--padding-wide) var(--padding-wide) var(--padding-wide);
|
124
124
|
--legend-padding: var(--padding-default) 0;
|
125
|
-
--legend-color: var(--
|
125
|
+
--legend-color: var(--md-sys-color-secondary);
|
126
126
|
--legend-font: bold 16px var(--theme-font);
|
127
127
|
}
|
128
128
|
|
@@ -0,0 +1,59 @@
|
|
1
|
+
body {
|
2
|
+
--ox-calendar-padding: var(--padding-default);
|
3
|
+
|
4
|
+
/* monthly common color */
|
5
|
+
--calendar-monthly-text-color: var(--md-sys-color-secondary);
|
6
|
+
--calendar-monthly-border: 1px solid rgba(0, 0, 0, 0.1);
|
7
|
+
--calendar-monthly-border-width: 0 1px 1px 0px;
|
8
|
+
|
9
|
+
/* monthly layout */
|
10
|
+
--calendar-monthly-ol-margin: var(--margin-default) 0;
|
11
|
+
--calendar-monthly-ol-top-border: 2px solid var(--md-sys-color-secondary);
|
12
|
+
--calendar-current-monty-background-color: var(--md-sys-color-surface-variant);
|
13
|
+
--calendar-monthly-label-align: left;
|
14
|
+
--calendar-monthly-label-padding: var(--padding-narrow) 0;
|
15
|
+
--calendar-monthly-label-color: var(--md-sys-color-secondary);
|
16
|
+
--calendar-monthly-opacity: 0.5;
|
17
|
+
--calendar-monthly-date-label-background-color: var(--status-danger-color);
|
18
|
+
--calendar-monthly-date-label-margin: var(--margin-narrow);
|
19
|
+
--calendar-monthly-date-label-padding: 0px 6px;
|
20
|
+
--calendar-monthly-date-label-color: var(--md-sys-color-on-primary);
|
21
|
+
|
22
|
+
--calendar-monthly-background-color: #f4f4f4;
|
23
|
+
--calendar-monthly-event-border-radius: var(--border-radius);
|
24
|
+
--calendar-monthly-event-margin: var(--padding-narrow) 0 0 0;
|
25
|
+
--calendar-monthly-event-padding: 2px var(--padding-default);
|
26
|
+
--calendar-monthly-event-border: 3px solid #ccc;
|
27
|
+
--calendar-monthly-event-border-width: 0 0 0 3px;
|
28
|
+
|
29
|
+
/* weekly common color */
|
30
|
+
--calendar-weekly-text-color: var(--md-sys-color-secondary);
|
31
|
+
--calendar-weekly-border: 1px solid rgba(0, 0, 0, 0.1);
|
32
|
+
--calendar-weekly-border-width: 0 1px 1px 0px;
|
33
|
+
|
34
|
+
/* weekly layout */
|
35
|
+
--calendar-weekly-ol-margin: var(--margin-default) 0;
|
36
|
+
--calendar-weekly-ol-top-border: 2px solid var(--md-sys-color-secondary);
|
37
|
+
--calendar-current-week-background-color: var(--md-sys-color-surface-variant);
|
38
|
+
--calendar-weekly-label-align: center;
|
39
|
+
--calendar-weekly-label-padding: var(--padding-narrow) 0;
|
40
|
+
--calendar-weekly-label-color: var(--md-sys-color-secondary);
|
41
|
+
--calendar-weekly-opacity: 0.5;
|
42
|
+
--calendar-weekly-date-label-background-color: var(--status-danger-color);
|
43
|
+
--calendar-weekly-date-label-margin: var(--margin-narrow);
|
44
|
+
--calendar-weekly-date-label-padding: 0px 6px;
|
45
|
+
--calendar-weekly-date-label-color: var(--md-sys-color-on-primary);
|
46
|
+
|
47
|
+
--calendar-weekly-background-color: #f4f4f4;
|
48
|
+
--calendar-weekly-event-border-radius: var(--border-radius);
|
49
|
+
--calendar-weekly-event-margin: var(--padding-narrow) 0 0 0;
|
50
|
+
--calendar-weekly-event-padding: 2px var(--padding-default);
|
51
|
+
--calendar-weekly-event-border: 3px solid #ccc;
|
52
|
+
--calendar-weekly-event-border-width: 0 0 0 3px;
|
53
|
+
}
|
54
|
+
|
55
|
+
@media only screen and (max-width: 460px) {
|
56
|
+
body {
|
57
|
+
--calendar-monthly-text-color: tomato;
|
58
|
+
}
|
59
|
+
}
|
@@ -39,6 +39,7 @@ body {
|
|
39
39
|
--button-container-button-border: var(--button-border);
|
40
40
|
|
41
41
|
--popup-content-background-color: var(--md-sys-color-background);
|
42
|
+
--popup-content-color: var(--md-sys-color-on-background);
|
42
43
|
--popup-content-padding: 10px 20px;
|
43
44
|
|
44
45
|
/* components - floating overlay style */
|