@seqera/docusaurus-theme-seqera 1.0.36-next.112 → 1.0.37-next.114

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.
Files changed (11) hide show
  1. package/lib/styles/admonition-alerts.css +28 -9
  2. package/lib/styles/api.css +32 -2
  3. package/lib/styles/buttons.css +2 -2
  4. package/lib/styles/typography.css +3 -2
  5. package/lib/theme/Icon/AI/index.js +1 -1
  6. package/package.json +1 -1
  7. package/src/styles/admonition-alerts.css +28 -9
  8. package/src/styles/api.css +32 -2
  9. package/src/styles/buttons.css +2 -2
  10. package/src/styles/typography.css +3 -2
  11. package/src/theme/Icon/AI/index.tsx +1 -1
package/lib/styles/admonition-alerts.css CHANGED
@@ -10,7 +10,7 @@
10
10
  }
11
11
 
12
12
  .theme-admonition {
13
- margin: .75rem 0;
13
+ margin: 0.75rem 0;
14
14
  p {
15
15
  line-height: 1.6;
16
16
  margin-top: 0;
@@ -33,7 +33,7 @@
33
33
  .theme-admonition-tip,
34
34
  .theme-admonition-success {
35
35
  background-color: var(--color-nextflow-1000);
36
- border-color: var(--color-nextflow-600);
36
+ border-color: var(--color-nextflow-800);
37
37
  }
38
38
  }
39
39
 
@@ -47,7 +47,7 @@
47
47
  .theme-admonition-note,
48
48
  .alert--info {
49
49
  background-color: var(--color-wave-1000);
50
- border-color: var(--color-wave-600);
50
+ border-color: var(--color-wave-800);
51
51
  }
52
52
  }
53
53
 
@@ -59,7 +59,7 @@
59
59
  .alert--warning,
60
60
  .theme-admonition-warning {
61
61
  background-color: var(--color-multiqc-1000);
62
- border-color: var(--color-multiqc-600);
62
+ border-color: var(--color-multiqc-800);
63
63
  }
64
64
  }
65
65
 
@@ -71,19 +71,19 @@
71
71
  [data-theme='dark'] {
72
72
  .theme-admonition-danger {
73
73
  background-color: var(--color-fusion-1000);
74
- border-color: var(--color-fusion-600);
74
+ border-color: var(--color-fusion-800);
75
75
  }
76
76
  }
77
77
 
78
78
  .theme-admonition-caution {
79
- background-color: #FEF8E8;
80
- border-color: #ECD79F;
79
+ background-color: #fef8e8;
80
+ border-color: #ecd79f;
81
81
  }
82
82
 
83
83
  [data-theme='dark'] {
84
84
  .theme-admonition-caution {
85
- background-color: #74570A;
86
- border-color: #BEA04E;
85
+ background-color: #74570a;
86
+ border-color: #bea04e;
87
87
  }
88
88
  }
89
89
 
@@ -110,3 +110,22 @@ summary {
110
110
  }
111
111
  }
112
112
  }
113
+
114
+ /* admonitions within admonitions */
115
+ .theme-admonition .theme-admonition-warning,
116
+ .theme-admonition .theme-admonition-info,
117
+ .theme-admonition .theme-admonition-success,
118
+ .theme-admonition .theme-admonition-danger {
119
+ background: none;
120
+ border-color: var(--color-gray-400);
121
+ }
122
+
123
+ [data-theme='dark'] {
124
+ .theme-admonition .theme-admonition-warning,
125
+ .theme-admonition .theme-admonition-info,
126
+ .theme-admonition .theme-admonition-success,
127
+ .theme-admonition .theme-admonition-danger {
128
+ background: none;
129
+ border-color: rgba(255,255,255,.3);
130
+ }
131
+ }
package/lib/styles/api.css CHANGED
@@ -122,8 +122,38 @@ Platform API style overrides
122
122
  }
123
123
  }
124
124
  }
125
- }
126
125
 
126
+ /* Dark mode overrides */
127
+ [data-theme='dark'] .prose__wrapper {
128
+ code:not(pre code) {
129
+ border-color: var(--color-gray-900);
130
+ }
131
+
132
+ .admonition code:not(pre code) {
133
+ color: #790000;
134
+ border-color: var(--color-gray-900);
135
+ }
136
+
137
+ thead {
138
+ background: #0000004d;
139
+ }
140
+ table {
141
+ background: transparent;
142
+ }
143
+
144
+ table tr:nth-child(2n) {
145
+ background: #0003;
146
+ }
147
+ .markdown code:not(pre code) {
148
+ background: #0000004d;
149
+ }
150
+ }
151
+
152
+ .openapi-tabs__response-code-item.success.active {
153
+ background-color: var(--color-nextflow-900);
154
+ color: var(--ifm-color-white);
155
+ }
156
+ }
127
157
  [data-theme='dark'].plugin-id-platform-api {
128
158
  --openapi-tree-line-color: rgba(255, 255, 255, 0.6);
129
159
  --ifm-toc-border-color: rgba(255, 255, 255, 0.6);
@@ -154,6 +184,6 @@ Platform API style overrides
154
184
  border: 1px solid white;
155
185
  }
156
186
  .openapi-tabs__schema-item.active {
157
- border: 1px solid var(--color-nextflow-200);
187
+ border: 1px solid var(--color-nextflow-800);
158
188
  }
159
189
  }
package/lib/styles/buttons.css CHANGED
@@ -39,8 +39,8 @@
39
39
  /* background: var(--color-nextflow-900);
40
40
  border: 1px solid var(--color-nextflow-900); */
41
41
  background: var(--color-gray-900);
42
- border: 1px solid var(--color-gray-100);
43
- color: white;
42
+ border: 1px solid var(--color-gray-200);
43
+ color: var(--color-gray-200);
44
44
  &:hover {
45
45
  /* background: var(--color-nextflow-800); */
46
46
  color: black;
package/lib/styles/typography.css CHANGED
@@ -343,11 +343,12 @@ main prose styles
343
343
  /* Dark mode overrides */
344
344
  [data-theme='dark'] .prose__wrapper {
345
345
  code:not(pre code) {
346
- border-color: var(--color-gray-700);
346
+ border-color: var(--color-gray-900);
347
347
  }
348
348
 
349
349
  .admonition code:not(pre code) {
350
- color: #ef4444;
350
+ color: #790000;
351
+ border-color: var(--color-gray-900);
351
352
  }
352
353
 
353
354
  thead {
package/lib/theme/Icon/AI/index.js CHANGED
@@ -5,7 +5,7 @@ export default function IconAI({
5
5
  ...props
6
6
  }) {
7
7
  return (
8
- <svg viewBox="0 0 32 34" fill="none" {...props}>
8
+ <svg viewBox="0 0 32 34" width="22" height="22" fill="none" {...props}>
9
9
  <path
10
10
  d="M12.7857 13.406L16 1L19.2143 13.406L31 16.7895L19.2143 21.3008L16 32.5789L12.7857 21.3008L1 16.7895L12.7857 13.406Z"
11
11
  className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seqera/docusaurus-theme-seqera",
3
- "version": "1.0.36-next.112",
3
+ "version": "1.0.37-next.114",
4
4
  "description": "Seqera docs theme for Docusaurus",
5
5
  "author": "Seqera docs team <education@seqera.io>",
6
6
  "license": "Apache-2.0",
package/src/styles/admonition-alerts.css CHANGED
@@ -10,7 +10,7 @@
10
10
  }
11
11
 
12
12
  .theme-admonition {
13
- margin: .75rem 0;
13
+ margin: 0.75rem 0;
14
14
  p {
15
15
  line-height: 1.6;
16
16
  margin-top: 0;
@@ -33,7 +33,7 @@
33
33
  .theme-admonition-tip,
34
34
  .theme-admonition-success {
35
35
  background-color: var(--color-nextflow-1000);
36
- border-color: var(--color-nextflow-600);
36
+ border-color: var(--color-nextflow-800);
37
37
  }
38
38
  }
39
39
 
@@ -47,7 +47,7 @@
47
47
  .theme-admonition-note,
48
48
  .alert--info {
49
49
  background-color: var(--color-wave-1000);
50
- border-color: var(--color-wave-600);
50
+ border-color: var(--color-wave-800);
51
51
  }
52
52
  }
53
53
 
@@ -59,7 +59,7 @@
59
59
  .alert--warning,
60
60
  .theme-admonition-warning {
61
61
  background-color: var(--color-multiqc-1000);
62
- border-color: var(--color-multiqc-600);
62
+ border-color: var(--color-multiqc-800);
63
63
  }
64
64
  }
65
65
 
@@ -71,19 +71,19 @@
71
71
  [data-theme='dark'] {
72
72
  .theme-admonition-danger {
73
73
  background-color: var(--color-fusion-1000);
74
- border-color: var(--color-fusion-600);
74
+ border-color: var(--color-fusion-800);
75
75
  }
76
76
  }
77
77
 
78
78
  .theme-admonition-caution {
79
- background-color: #FEF8E8;
80
- border-color: #ECD79F;
79
+ background-color: #fef8e8;
80
+ border-color: #ecd79f;
81
81
  }
82
82
 
83
83
  [data-theme='dark'] {
84
84
  .theme-admonition-caution {
85
- background-color: #74570A;
86
- border-color: #BEA04E;
85
+ background-color: #74570a;
86
+ border-color: #bea04e;
87
87
  }
88
88
  }
89
89
 
@@ -110,3 +110,22 @@ summary {
110
110
  }
111
111
  }
112
112
  }
113
+
114
+ /* admonitions within admonitions */
115
+ .theme-admonition .theme-admonition-warning,
116
+ .theme-admonition .theme-admonition-info,
117
+ .theme-admonition .theme-admonition-success,
118
+ .theme-admonition .theme-admonition-danger {
119
+ background: none;
120
+ border-color: var(--color-gray-400);
121
+ }
122
+
123
+ [data-theme='dark'] {
124
+ .theme-admonition .theme-admonition-warning,
125
+ .theme-admonition .theme-admonition-info,
126
+ .theme-admonition .theme-admonition-success,
127
+ .theme-admonition .theme-admonition-danger {
128
+ background: none;
129
+ border-color: rgba(255,255,255,.3);
130
+ }
131
+ }
package/src/styles/api.css CHANGED
@@ -122,8 +122,38 @@ Platform API style overrides
122
122
  }
123
123
  }
124
124
  }
125
- }
126
125
 
126
+ /* Dark mode overrides */
127
+ [data-theme='dark'] .prose__wrapper {
128
+ code:not(pre code) {
129
+ border-color: var(--color-gray-900);
130
+ }
131
+
132
+ .admonition code:not(pre code) {
133
+ color: #790000;
134
+ border-color: var(--color-gray-900);
135
+ }
136
+
137
+ thead {
138
+ background: #0000004d;
139
+ }
140
+ table {
141
+ background: transparent;
142
+ }
143
+
144
+ table tr:nth-child(2n) {
145
+ background: #0003;
146
+ }
147
+ .markdown code:not(pre code) {
148
+ background: #0000004d;
149
+ }
150
+ }
151
+
152
+ .openapi-tabs__response-code-item.success.active {
153
+ background-color: var(--color-nextflow-900);
154
+ color: var(--ifm-color-white);
155
+ }
156
+ }
127
157
  [data-theme='dark'].plugin-id-platform-api {
128
158
  --openapi-tree-line-color: rgba(255, 255, 255, 0.6);
129
159
  --ifm-toc-border-color: rgba(255, 255, 255, 0.6);
@@ -154,6 +184,6 @@ Platform API style overrides
154
184
  border: 1px solid white;
155
185
  }
156
186
  .openapi-tabs__schema-item.active {
157
- border: 1px solid var(--color-nextflow-200);
187
+ border: 1px solid var(--color-nextflow-800);
158
188
  }
159
189
  }
package/src/styles/buttons.css CHANGED
@@ -39,8 +39,8 @@
39
39
  /* background: var(--color-nextflow-900);
40
40
  border: 1px solid var(--color-nextflow-900); */
41
41
  background: var(--color-gray-900);
42
- border: 1px solid var(--color-gray-100);
43
- color: white;
42
+ border: 1px solid var(--color-gray-200);
43
+ color: var(--color-gray-200);
44
44
  &:hover {
45
45
  /* background: var(--color-nextflow-800); */
46
46
  color: black;
package/src/styles/typography.css CHANGED
@@ -343,11 +343,12 @@ main prose styles
343
343
  /* Dark mode overrides */
344
344
  [data-theme='dark'] .prose__wrapper {
345
345
  code:not(pre code) {
346
- border-color: var(--color-gray-700);
346
+ border-color: var(--color-gray-900);
347
347
  }
348
348
 
349
349
  .admonition code:not(pre code) {
350
- color: #ef4444;
350
+ color: #790000;
351
+ border-color: var(--color-gray-900);
351
352
  }
352
353
 
353
354
  thead {
package/src/theme/Icon/AI/index.tsx CHANGED
@@ -7,7 +7,7 @@ export default function IconAI({
7
7
  ...props
8
8
  }: Props): ReactNode {
9
9
  return (
10
- <svg viewBox="0 0 32 34" fill="none" {...props}>
10
+ <svg viewBox="0 0 32 34" width="22" height="22" fill="none" {...props}>
11
11
  <path
12
12
  d="M12.7857 13.406L16 1L19.2143 13.406L31 16.7895L19.2143 21.3008L16 32.5789L12.7857 21.3008L1 16.7895L12.7857 13.406Z"
13
13
  className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"