generated from obsidianmd/obsidian-sample-plugin
-
-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathstyles.css
127 lines (121 loc) · 3.79 KB
/
styles.css
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/* @settings
name: 'Theme Design Utilities: Color Playground'
description:
id: theme-design-utilities
settings:
-
id: theme-design-utilities-colorplay-1
title: First Color
type: variable-themed-color
format: hex
default-dark: '#7f6df2'
default-light: '#7f6df2'
-
id: theme-design-utilities-colorplay-2
title: Second Color
type: variable-themed-color
format: hex
default-dark: '#3AB1C4'
default-light: '#3AB1C4'
-
id: theme-design-utilities-colorplay-3
title: Third Color
type: variable-themed-color
format: hex
default-dark: '#6DC43A'
default-light: '#6DC43A'
-
id: theme-design-utilities-colorplay-4
title: Fourth Color
type: variable-themed-color
format: hex
default-dark: '#C4913A'
default-light: '#C4913A'
-
id: theme-design-utilities-colorplay-5
title: Fifth Color
type: variable-themed-color
format: hex
default-dark: '#C43A6D'
default-light: '#C43A6D'
-
id: theme-design-utilities-colorplay-6
title: Sixth Color
type: variable-themed-color
format: hex
default-dark: '#913AC4'
default-light: '#913AC4'
*/
/** Colors */
:root {
--theme-design-utilities-colorplay-1: #7f6df2;
--theme-design-utilities-colorplay-2: #3ab1c4;
--theme-design-utilities-colorplay-3: #6dc43a;
--theme-design-utilities-colorplay-4: #c4913a;
--theme-design-utilities-colorplay-5: #c43a6d;
--theme-design-utilities-colorplay-6: #913ac4;
}
.theme-design-utilities-colorplay .color-one.display-bg {
background-color: var(--theme-design-utilities-colorplay-1);
}
.theme-design-utilities-colorplay .color-one.display-text-border,
.theme-design-utilities-colorplay .text-wrapper span.color-one {
color: var(--theme-design-utilities-colorplay-1);
}
.theme-design-utilities-colorplay .color-two.display-bg {
background-color: var(--theme-design-utilities-colorplay-2);
}
.theme-design-utilities-colorplay .color-two.display-text-border,
.theme-design-utilities-colorplay .text-wrapper span.color-two {
color: var(--theme-design-utilities-colorplay-2);
}
.theme-design-utilities-colorplay .color-three.display-bg {
background-color: var(--theme-design-utilities-colorplay-3);
}
.theme-design-utilities-colorplay .color-three.display-text-border,
.theme-design-utilities-colorplay .text-wrapper span.color-three {
color: var(--theme-design-utilities-colorplay-3);
}
.theme-design-utilities-colorplay .color-four.display-bg {
background-color: var(--theme-design-utilities-colorplay-4);
}
.theme-design-utilities-colorplay .color-four.display-text-border,
.theme-design-utilities-colorplay .text-wrapper span.color-four {
color: var(--theme-design-utilities-colorplay-4);
}
.theme-design-utilities-colorplay .color-five.display-bg {
background-color: var(--theme-design-utilities-colorplay-5);
}
.theme-design-utilities-colorplay .color-five.display-text-border,
.theme-design-utilities-colorplay .text-wrapper span.color-five {
color: var(--theme-design-utilities-colorplay-5);
}
.theme-design-utilities-colorplay .color-six.display-bg {
background-color: var(--theme-design-utilities-colorplay-6);
}
.theme-design-utilities-colorplay .color-six.display-text-border,
.theme-design-utilities-colorplay .text-wrapper span.color-six {
color: var(--theme-design-utilities-colorplay-6);
}
.theme-design-utilities-colorplay .grid-wrapper > div.display-text-border{
border: 2px solid;
}
.theme-design-utilities-colorplay .grid-wrapper {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 10px;
grid-auto-rows: minmax(100px, auto);
}
.theme-design-utilities-colorplay .grid-wrapper > div {
display: flex;
align-items: center;
justify-content: center;
border-radius: 1em;
}
.theme-design-utilities-colorplay .text-wrapper {
border: 1px solid var(--background-modifier-border);
border-radius: 1em;
margin-top: 20px;
padding: 15px;
text-align: justify;
}