Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/meelight/darklight_mode-astro
Very simple application where you can test the `light and dark mode` on your pages.
https://github.com/meelight/darklight_mode-astro
Last synced: 12 days ago
JSON representation
Very simple application where you can test the `light and dark mode` on your pages.
- Host: GitHub
- URL: https://github.com/meelight/darklight_mode-astro
- Owner: MeeLight
- License: mit
- Created: 2023-07-13T18:02:26.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-07-12T06:23:43.000Z (4 months ago)
- Last Synced: 2024-07-12T07:39:36.789Z (4 months ago)
- Language: TypeScript
- Size: 84 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Dark and Light mode - Astro
Very simple application where you can test the `light and dark mode` on your pages.
It was used:
- Astro v2.0
- TypeScript
- astrojs/react
- astrojs/tailwind
- astrojs/compress
- Prettier
## ⚙ Project Setup
### Dependencies
```
yarn
```
### Run
```
yarn dev
```
## 🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the `public/` directory.
## Want to learn more?
Feel free to check [our documentation](https://docs.astro.build)