@netfoundry/docusaurus-theme 0.10.7 → 0.10.8
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.
|
@@ -2,24 +2,40 @@
|
|
|
2
2
|
|
|
3
3
|
/* ===== CSS custom properties (override in your site CSS) ===== */
|
|
4
4
|
:root {
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
--
|
|
11
|
-
--
|
|
12
|
-
--
|
|
13
|
-
--
|
|
5
|
+
--nf-search-max-width: 980px;
|
|
6
|
+
--nf-search-input-height: 44px;
|
|
7
|
+
--nf-search-input-radius: 12px;
|
|
8
|
+
--nf-search-group-radius: 14px;
|
|
9
|
+
--nf-search-group-padding: .8rem .95rem;
|
|
10
|
+
--nf-search-pill-dark-from: #2a2a2e;
|
|
11
|
+
--nf-search-pill-dark-to: #222226;
|
|
12
|
+
--nf-search-pill-dark-border: rgba(255,255,255,.12);
|
|
13
|
+
--nf-search-pill-dark-color: rgba(255,255,255,.8);
|
|
14
|
+
|
|
15
|
+
/* Badge colours — light mode defaults */
|
|
16
|
+
--nf-search-badge-frontdoor-bg: #e8f3ff; --nf-search-badge-frontdoor-border: #c6e1ff; --nf-search-badge-frontdoor-color: #145ea8;
|
|
17
|
+
--nf-search-badge-openziti-bg: #e9fff3; --nf-search-badge-openziti-border: #c8f2df; --nf-search-badge-openziti-color: #0d7a4e;
|
|
18
|
+
--nf-search-badge-selfhosted-bg:#fff3e8; --nf-search-badge-selfhosted-border:#ffdcbf; --nf-search-badge-selfhosted-color:#9a4d00;
|
|
19
|
+
--nf-search-badge-zlan-bg: #f1edff; --nf-search-badge-zlan-border: #d9d0ff; --nf-search-badge-zlan-color: #5335b7;
|
|
20
|
+
--nf-search-badge-zrok-bg: #fff0f0; --nf-search-badge-zrok-border: #ffd0d0; --nf-search-badge-zrok-color: #b71c1c;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* Badge colours — dark mode defaults */
|
|
24
|
+
[data-theme='dark'] {
|
|
25
|
+
--nf-search-badge-frontdoor-bg: rgba(20,94,168,.18); --nf-search-badge-frontdoor-border: rgba(20,94,168,.4); --nf-search-badge-frontdoor-color: #7ab8f5;
|
|
26
|
+
--nf-search-badge-openziti-bg: rgba(13,122,78,.18); --nf-search-badge-openziti-border: rgba(13,122,78,.4); --nf-search-badge-openziti-color: #6ee7b7;
|
|
27
|
+
--nf-search-badge-selfhosted-bg:rgba(154,77,0,.18); --nf-search-badge-selfhosted-border:rgba(154,77,0,.4); --nf-search-badge-selfhosted-color:#fdba74;
|
|
28
|
+
--nf-search-badge-zlan-bg: rgba(83,53,183,.18); --nf-search-badge-zlan-border: rgba(83,53,183,.4); --nf-search-badge-zlan-color: #c4b5fd;
|
|
29
|
+
--nf-search-badge-zrok-bg: rgba(183,28,28,.18); --nf-search-badge-zrok-border: rgba(183,28,28,.4); --nf-search-badge-zrok-color: #fca5a5;
|
|
14
30
|
}
|
|
15
31
|
|
|
16
32
|
/* ===== Layout ===== */
|
|
17
|
-
.wrap{max-width:var(--
|
|
33
|
+
.wrap{max-width:var(--nf-search-max-width);margin:0 auto;padding:1rem}
|
|
18
34
|
.topbar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;margin-bottom:.6rem}
|
|
19
35
|
.searchInput{
|
|
20
36
|
display:flex;
|
|
21
37
|
flex-grow:1;
|
|
22
|
-
height:var(--
|
|
38
|
+
height:var(--nf-search-input-height);padding:0 .9rem;border-radius:var(--nf-search-input-radius);
|
|
23
39
|
border:1px solid var(--ifm-color-emphasis-300);background:var(--ifm-background-color);
|
|
24
40
|
transition:border-color .15s,box-shadow .15s,background .15s
|
|
25
41
|
}
|
|
@@ -44,9 +60,9 @@
|
|
|
44
60
|
color:#fff;border-color:var(--ifm-color-primary)
|
|
45
61
|
}
|
|
46
62
|
[data-theme='dark'] .pill{
|
|
47
|
-
background:linear-gradient(180deg,var(--
|
|
48
|
-
border-color:var(--
|
|
49
|
-
color:var(--
|
|
63
|
+
background:linear-gradient(180deg,var(--nf-search-pill-dark-from),var(--nf-search-pill-dark-to));
|
|
64
|
+
border-color:var(--nf-search-pill-dark-border);
|
|
65
|
+
color:var(--nf-search-pill-dark-color);
|
|
50
66
|
}
|
|
51
67
|
[data-theme='dark'] .pill:hover{box-shadow:0 4px 12px rgba(0,0,0,.4)}
|
|
52
68
|
[data-theme='dark'] .active{color:#fff}
|
|
@@ -60,8 +76,8 @@
|
|
|
60
76
|
.grid{display:block}
|
|
61
77
|
.groupList{display:flex;flex-direction:column;gap:.7rem}
|
|
62
78
|
.group{
|
|
63
|
-
border:1px solid var(--ifm-color-emphasis-200);border-radius:var(--
|
|
64
|
-
padding:var(--
|
|
79
|
+
border:1px solid var(--ifm-color-emphasis-200);border-radius:var(--nf-search-group-radius);background:var(--ifm-background-color);
|
|
80
|
+
padding:var(--nf-search-group-padding);box-shadow:0 2px 10px rgba(0,0,0,.05);
|
|
65
81
|
transition:border-color .15s,box-shadow .15s,transform .12s
|
|
66
82
|
}
|
|
67
83
|
.group:hover{border-color:var(--ifm-color-primary);box-shadow:0 10px 24px rgba(0,0,0,.12);transform:translateY(-1px)}
|
|
@@ -96,11 +112,11 @@
|
|
|
96
112
|
|
|
97
113
|
/* ===== Badges ===== */
|
|
98
114
|
.badge{padding:.16rem .55rem;border-radius:999px;font-size:.72rem;border:1px solid var(--ifm-color-emphasis-300)}
|
|
99
|
-
.p_frontdoor{background
|
|
100
|
-
.p_openziti{background
|
|
101
|
-
.p_selfhosted{background
|
|
102
|
-
.p_zlan{background
|
|
103
|
-
.p_zrok{background
|
|
115
|
+
.p_frontdoor{background:var(--nf-search-badge-frontdoor-bg);border-color:var(--nf-search-badge-frontdoor-border);color:var(--nf-search-badge-frontdoor-color)}
|
|
116
|
+
.p_openziti{background:var(--nf-search-badge-openziti-bg);border-color:var(--nf-search-badge-openziti-border);color:var(--nf-search-badge-openziti-color)}
|
|
117
|
+
.p_selfhosted{background:var(--nf-search-badge-selfhosted-bg);border-color:var(--nf-search-badge-selfhosted-border);color:var(--nf-search-badge-selfhosted-color)}
|
|
118
|
+
.p_zlan{background:var(--nf-search-badge-zlan-bg);border-color:var(--nf-search-badge-zlan-border);color:var(--nf-search-badge-zlan-color)}
|
|
119
|
+
.p_zrok{background:var(--nf-search-badge-zrok-bg);border-color:var(--nf-search-badge-zrok-border);color:var(--nf-search-badge-zrok-color)}
|
|
104
120
|
|
|
105
121
|
/* ===== Pagination ===== */
|
|
106
122
|
.pagination{display:flex;justify-content:center;margin:.8rem 0}
|
package/package.json
CHANGED