@flexireact/core 1.0.1 → 1.0.2
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.
- package/README.md +5 -4
- package/core/render/index.js +8 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<p align="center">
|
|
2
|
-
<img src="./assets/
|
|
2
|
+
<img src="./assets/flexireact.webp" alt="FlexiReact Logo" width="400" />
|
|
3
3
|
</p>
|
|
4
4
|
|
|
5
5
|
<h1 align="center">FlexiReact</h1>
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
</p>
|
|
15
15
|
|
|
16
16
|
<p align="center">
|
|
17
|
-
<a href="https://www.npmjs.com/package/
|
|
17
|
+
<a href="https://www.npmjs.com/package/@flexireact/core"><img src="https://img.shields.io/npm/v/@flexireact/core.svg" alt="npm version" /></a>
|
|
18
18
|
<a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License: MIT" /></a>
|
|
19
19
|
<a href="#"><img src="https://img.shields.io/badge/TypeScript-Ready-blue.svg" alt="TypeScript Ready" /></a>
|
|
20
20
|
<a href="#"><img src="https://img.shields.io/badge/Tailwind-CSS-38B2AC.svg" alt="Tailwind CSS" /></a>
|
|
@@ -140,8 +140,9 @@
|
|
|
140
140
|
|
|
141
141
|
```bash
|
|
142
142
|
# Create a new project
|
|
143
|
-
npx flexireact
|
|
144
|
-
cd
|
|
143
|
+
npx create-flexireact@latest my-app
|
|
144
|
+
cd my-app
|
|
145
|
+
npm install
|
|
145
146
|
|
|
146
147
|
# Start development server
|
|
147
148
|
npm run dev
|
package/core/render/index.js
CHANGED
|
@@ -486,12 +486,20 @@ function buildHtmlDocument(options) {
|
|
|
486
486
|
<title>${escapeHtml(title)}</title>
|
|
487
487
|
${faviconLink}
|
|
488
488
|
${metaTags}
|
|
489
|
+
<style>
|
|
490
|
+
:root { --flexi-bg: #0f172a; --flexi-fg: #f8fafc; }
|
|
491
|
+
html, body { background-color: #0f172a; color: #f8fafc; min-height: 100vh; margin: 0; }
|
|
492
|
+
</style>
|
|
489
493
|
${styleTags}
|
|
490
494
|
<script>
|
|
491
495
|
(function() {
|
|
492
496
|
var theme = localStorage.getItem('theme');
|
|
493
497
|
if (theme === 'light') {
|
|
494
498
|
document.documentElement.classList.remove('dark');
|
|
499
|
+
document.documentElement.style.backgroundColor = '#ffffff';
|
|
500
|
+
document.documentElement.style.color = '#0f172a';
|
|
501
|
+
document.body.style.backgroundColor = '#ffffff';
|
|
502
|
+
document.body.style.color = '#0f172a';
|
|
495
503
|
}
|
|
496
504
|
})();
|
|
497
505
|
</script>
|