Skip to content

Commit b29b245

Browse files
based-ghostbased-ghost
committed
Update storybook theme and styles
1 parent 7a6b55c commit b29b245

42 files changed

Lines changed: 144 additions & 150 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.storybook/config/theme.js‎

Lines changed: 3 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,8 @@
1-
import { create, color, themes } from '@storybook/theming';
1+
import { create } from '@storybook/theming';
22

33
export default create({
44
base: 'dark',
5-
// UI
6-
appBorderRadius: 4,
7-
appBg: '#1B1E25',
8-
appBorderColor: '#535353',
9-
appContentBg: '#282c34',
10-
// Text colors
11-
textColor: '#fff',
12-
textInverseColor: '#000',
13-
// Toolbar default and active colors
14-
barBg: '#1B1E25',
15-
barTextColor: color.medium,
16-
// Form colors
17-
inputBorderRadius: 4,
18-
inputTextColor: '#fff',
19-
inputBg: themes.light.inputBg,
20-
inputBorder: themes.light.inputBorder,
5+
appBg: '#232730',
6+
barBg: '#232730',
217
brandUrl: 'https://based-ghost.github.io/react-functional-select/',
228
});

‎.storybook/manager-head.html‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,25 @@
33
border-radius: 4px;
44
}
55

6-
#storybook-panel-root {
7-
background: #0E1118;
6+
#storybook-panel-root > div:last-of-type {
7+
background: #061B2C;
8+
border-bottom-left-radius: 4px;
9+
border-bottom-right-radius: 4px;
10+
border-left: 1px solid rgba(148, 167, 167, .37);
11+
border-right: 1px solid rgba(148, 167, 167, .37);
12+
border-bottom: 1px solid rgba(148, 167, 167, .37);
813
}
914

1015
#storybook-panel-root .simplebar-mask {
11-
background: #0E1118;
16+
color: rgba(255,255,255,.95);
1217
}
1318

1419
#storybook-panel-root .simplebar-content > div:first-of-type {
15-
background: #1B1E25;
16-
box-shadow: inset 0 -0.5px 0 0 #606060;
20+
box-shadow: inset 0 -0.5px 0 0 rgba(148, 167, 167, .37);
1721
}
1822

1923
.simplebar-content > pre > code:last-of-type > span > div {
20-
background: #061B2C;
24+
background: none;
2125
}
2226

2327
.simplebar-content > pre > code:first-of-type,
@@ -56,6 +60,6 @@
5660

5761
.simplebar-content > pre > code:last-of-type .token.script,
5862
.simplebar-content > pre > code:last-of-type .token.attr-value {
59-
color: #fff;
63+
color: rgba(255,255,255,.95);
6064
}
6165
</style>

‎docs/8.443bc2b129351ad97eda.bundle.js.map‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

docs/8.443bc2b129351ad97eda.bundle.js renamed to docs/8.750b5885681a02e4b445.bundle.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/8.750b5885681a02e4b445.bundle.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/asset-manifest.json‎

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,41 @@
11
{
22
"files": {
3-
"main~24120820.js": "/react-functional-select/main~24120820.443bc2b129351ad97eda.bundle.js",
4-
"main~24120820.js.map": "/react-functional-select/main~24120820.443bc2b129351ad97eda.bundle.js.map",
5-
"runtime~main.js": "/react-functional-select/runtime~main.443bc2b129351ad97eda.bundle.js",
6-
"runtime~main.js.map": "/react-functional-select/runtime~main.443bc2b129351ad97eda.bundle.js.map",
7-
"vendors~main~1f20a385.js": "/react-functional-select/vendors~main~1f20a385.443bc2b129351ad97eda.bundle.js",
8-
"vendors~main~1f20a385.js.map": "/react-functional-select/vendors~main~1f20a385.443bc2b129351ad97eda.bundle.js.map",
9-
"vendors~main~253ae210.js": "/react-functional-select/vendors~main~253ae210.443bc2b129351ad97eda.bundle.js",
10-
"vendors~main~253ae210.js.map": "/react-functional-select/vendors~main~253ae210.443bc2b129351ad97eda.bundle.js.map",
11-
"vendors~main~678f84af.js": "/react-functional-select/vendors~main~678f84af.443bc2b129351ad97eda.bundle.js",
12-
"vendors~main~678f84af.js.map": "/react-functional-select/vendors~main~678f84af.443bc2b129351ad97eda.bundle.js.map",
13-
"vendors~main~d939e436.js": "/react-functional-select/vendors~main~d939e436.443bc2b129351ad97eda.bundle.js",
14-
"vendors~main~d939e436.js.map": "/react-functional-select/vendors~main~d939e436.443bc2b129351ad97eda.bundle.js.map",
15-
"vendors~main~db300d2f.js": "/react-functional-select/vendors~main~db300d2f.443bc2b129351ad97eda.bundle.js",
16-
"vendors~main~db300d2f.js.map": "/react-functional-select/vendors~main~db300d2f.443bc2b129351ad97eda.bundle.js.map",
17-
"vendors~main~ec8c427e.js": "/react-functional-select/vendors~main~ec8c427e.443bc2b129351ad97eda.bundle.js",
18-
"vendors~main~ec8c427e.js.map": "/react-functional-select/vendors~main~ec8c427e.443bc2b129351ad97eda.bundle.js.map",
19-
"8.443bc2b129351ad97eda.bundle.js": "/react-functional-select/8.443bc2b129351ad97eda.bundle.js",
20-
"8.443bc2b129351ad97eda.bundle.js.map": "/react-functional-select/8.443bc2b129351ad97eda.bundle.js.map",
3+
"main~24120820.js": "/react-functional-select/main~24120820.750b5885681a02e4b445.bundle.js",
4+
"main~24120820.js.map": "/react-functional-select/main~24120820.750b5885681a02e4b445.bundle.js.map",
5+
"runtime~main.js": "/react-functional-select/runtime~main.750b5885681a02e4b445.bundle.js",
6+
"runtime~main.js.map": "/react-functional-select/runtime~main.750b5885681a02e4b445.bundle.js.map",
7+
"vendors~main~1f20a385.js": "/react-functional-select/vendors~main~1f20a385.750b5885681a02e4b445.bundle.js",
8+
"vendors~main~1f20a385.js.map": "/react-functional-select/vendors~main~1f20a385.750b5885681a02e4b445.bundle.js.map",
9+
"vendors~main~253ae210.js": "/react-functional-select/vendors~main~253ae210.750b5885681a02e4b445.bundle.js",
10+
"vendors~main~253ae210.js.map": "/react-functional-select/vendors~main~253ae210.750b5885681a02e4b445.bundle.js.map",
11+
"vendors~main~678f84af.js": "/react-functional-select/vendors~main~678f84af.750b5885681a02e4b445.bundle.js",
12+
"vendors~main~678f84af.js.map": "/react-functional-select/vendors~main~678f84af.750b5885681a02e4b445.bundle.js.map",
13+
"vendors~main~d939e436.js": "/react-functional-select/vendors~main~d939e436.750b5885681a02e4b445.bundle.js",
14+
"vendors~main~d939e436.js.map": "/react-functional-select/vendors~main~d939e436.750b5885681a02e4b445.bundle.js.map",
15+
"vendors~main~db300d2f.js": "/react-functional-select/vendors~main~db300d2f.750b5885681a02e4b445.bundle.js",
16+
"vendors~main~db300d2f.js.map": "/react-functional-select/vendors~main~db300d2f.750b5885681a02e4b445.bundle.js.map",
17+
"vendors~main~ec8c427e.js": "/react-functional-select/vendors~main~ec8c427e.750b5885681a02e4b445.bundle.js",
18+
"vendors~main~ec8c427e.js.map": "/react-functional-select/vendors~main~ec8c427e.750b5885681a02e4b445.bundle.js.map",
19+
"8.750b5885681a02e4b445.bundle.js": "/react-functional-select/8.750b5885681a02e4b445.bundle.js",
20+
"8.750b5885681a02e4b445.bundle.js.map": "/react-functional-select/8.750b5885681a02e4b445.bundle.js.map",
2121
"iframe.html": "/react-functional-select/iframe.html",
22-
"precache-manifest.b58a1e0907acc81b0be53c0368dcd155.js": "/react-functional-select/precache-manifest.b58a1e0907acc81b0be53c0368dcd155.js",
22+
"precache-manifest.c46f3fb24dbce043e3fcec06ee3bd0e8.js": "/react-functional-select/precache-manifest.c46f3fb24dbce043e3fcec06ee3bd0e8.js",
2323
"service-worker.js": "/react-functional-select/service-worker.js",
2424
"static/media/react-logo.svg": "/react-functional-select/static/media/react-logo.9f16557d.svg",
25-
"vendors~main~1f20a385.443bc2b129351ad97eda.bundle.js.LICENSE": "/react-functional-select/vendors~main~1f20a385.443bc2b129351ad97eda.bundle.js.LICENSE",
26-
"vendors~main~253ae210.443bc2b129351ad97eda.bundle.js.LICENSE": "/react-functional-select/vendors~main~253ae210.443bc2b129351ad97eda.bundle.js.LICENSE",
27-
"vendors~main~678f84af.443bc2b129351ad97eda.bundle.js.LICENSE": "/react-functional-select/vendors~main~678f84af.443bc2b129351ad97eda.bundle.js.LICENSE",
28-
"vendors~main~db300d2f.443bc2b129351ad97eda.bundle.js.LICENSE": "/react-functional-select/vendors~main~db300d2f.443bc2b129351ad97eda.bundle.js.LICENSE",
29-
"vendors~main~ec8c427e.443bc2b129351ad97eda.bundle.js.LICENSE": "/react-functional-select/vendors~main~ec8c427e.443bc2b129351ad97eda.bundle.js.LICENSE"
25+
"vendors~main~1f20a385.750b5885681a02e4b445.bundle.js.LICENSE": "/react-functional-select/vendors~main~1f20a385.750b5885681a02e4b445.bundle.js.LICENSE",
26+
"vendors~main~253ae210.750b5885681a02e4b445.bundle.js.LICENSE": "/react-functional-select/vendors~main~253ae210.750b5885681a02e4b445.bundle.js.LICENSE",
27+
"vendors~main~678f84af.750b5885681a02e4b445.bundle.js.LICENSE": "/react-functional-select/vendors~main~678f84af.750b5885681a02e4b445.bundle.js.LICENSE",
28+
"vendors~main~db300d2f.750b5885681a02e4b445.bundle.js.LICENSE": "/react-functional-select/vendors~main~db300d2f.750b5885681a02e4b445.bundle.js.LICENSE",
29+
"vendors~main~ec8c427e.750b5885681a02e4b445.bundle.js.LICENSE": "/react-functional-select/vendors~main~ec8c427e.750b5885681a02e4b445.bundle.js.LICENSE"
3030
},
3131
"entrypoints": [
32-
"runtime~main.443bc2b129351ad97eda.bundle.js",
33-
"vendors~main~253ae210.443bc2b129351ad97eda.bundle.js",
34-
"vendors~main~d939e436.443bc2b129351ad97eda.bundle.js",
35-
"vendors~main~db300d2f.443bc2b129351ad97eda.bundle.js",
36-
"vendors~main~1f20a385.443bc2b129351ad97eda.bundle.js",
37-
"vendors~main~678f84af.443bc2b129351ad97eda.bundle.js",
38-
"vendors~main~ec8c427e.443bc2b129351ad97eda.bundle.js",
39-
"main~24120820.443bc2b129351ad97eda.bundle.js"
32+
"runtime~main.750b5885681a02e4b445.bundle.js",
33+
"vendors~main~253ae210.750b5885681a02e4b445.bundle.js",
34+
"vendors~main~d939e436.750b5885681a02e4b445.bundle.js",
35+
"vendors~main~db300d2f.750b5885681a02e4b445.bundle.js",
36+
"vendors~main~1f20a385.750b5885681a02e4b445.bundle.js",
37+
"vendors~main~678f84af.750b5885681a02e4b445.bundle.js",
38+
"vendors~main~ec8c427e.750b5885681a02e4b445.bundle.js",
39+
"main~24120820.750b5885681a02e4b445.bundle.js"
4040
]
4141
}

‎docs/iframe.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -71,4 +71,4 @@
7171
}</script><style>#root[hidden],
7272
#docs-root[hidden] {
7373
display: none !important;
74-
}</style></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script src="runtime~main.443bc2b129351ad97eda.bundle.js"></script><script src="vendors~main~253ae210.443bc2b129351ad97eda.bundle.js"></script><script src="vendors~main~d939e436.443bc2b129351ad97eda.bundle.js"></script><script src="vendors~main~db300d2f.443bc2b129351ad97eda.bundle.js"></script><script src="vendors~main~1f20a385.443bc2b129351ad97eda.bundle.js"></script><script src="vendors~main~678f84af.443bc2b129351ad97eda.bundle.js"></script><script src="vendors~main~ec8c427e.443bc2b129351ad97eda.bundle.js"></script><script src="main~24120820.443bc2b129351ad97eda.bundle.js"></script></body></html>
74+
}</style></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script src="runtime~main.750b5885681a02e4b445.bundle.js"></script><script src="vendors~main~253ae210.750b5885681a02e4b445.bundle.js"></script><script src="vendors~main~d939e436.750b5885681a02e4b445.bundle.js"></script><script src="vendors~main~db300d2f.750b5885681a02e4b445.bundle.js"></script><script src="vendors~main~1f20a385.750b5885681a02e4b445.bundle.js"></script><script src="vendors~main~678f84af.750b5885681a02e4b445.bundle.js"></script><script src="vendors~main~ec8c427e.750b5885681a02e4b445.bundle.js"></script><script src="main~24120820.750b5885681a02e4b445.bundle.js"></script></body></html>

‎docs/index.html‎

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -17,21 +17,25 @@
1717
border-radius: 4px;
1818
}
1919

20-
#storybook-panel-root {
21-
background: #0E1118;
20+
#storybook-panel-root > div:last-of-type {
21+
background: #061B2C;
22+
border-bottom-left-radius: 4px;
23+
border-bottom-right-radius: 4px;
24+
border-left: 1px solid rgba(148, 167, 167, .37);
25+
border-right: 1px solid rgba(148, 167, 167, .37);
26+
border-bottom: 1px solid rgba(148, 167, 167, .37);
2227
}
2328

2429
#storybook-panel-root .simplebar-mask {
25-
background: #0E1118;
30+
color: rgba(255,255,255,.95);
2631
}
2732

2833
#storybook-panel-root .simplebar-content > div:first-of-type {
29-
background: #1B1E25;
30-
box-shadow: inset 0 -0.5px 0 0 #606060;
34+
box-shadow: inset 0 -0.5px 0 0 rgba(148, 167, 167, .37);
3135
}
3236

3337
.simplebar-content > pre > code:last-of-type > span > div {
34-
background: #061B2C;
38+
background: none;
3539
}
3640

3741
.simplebar-content > pre > code:first-of-type,
@@ -70,8 +74,8 @@
7074

7175
.simplebar-content > pre > code:last-of-type .token.script,
7276
.simplebar-content > pre > code:last-of-type .token.attr-value {
73-
color: #fff;
77+
color: rgba(255,255,255,.95);
7478
}</style><style>#root[hidden],
7579
#docs-root[hidden] {
7680
display: none !important;
77-
}</style></head><body><div id="root"></div><div id="docs-root"></div><script>window['DOCS_MODE'] = false;</script><script src="runtime~main.015293d2bd2970586a57.bundle.js"></script><script src="vendors~main.ca00e69f8bcf02774588.bundle.js"></script><script src="main.c1ac23d061751c3a3488.bundle.js"></script></body></html>
81+
}</style></head><body><div id="root"></div><div id="docs-root"></div><script>window['DOCS_MODE'] = false;</script><script src="runtime~main.015293d2bd2970586a57.bundle.js"></script><script src="vendors~main.ca00e69f8bcf02774588.bundle.js"></script><script src="main.6f16b9335688f2e6694f.bundle.js"></script></body></html>

‎docs/main.6f16b9335688f2e6694f.bundle.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)