Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arturfriedrich/vue-darkmode
Simple demo webpage for a theme switcher implemented in Vue with Bootsrtap
https://github.com/arturfriedrich/vue-darkmode
bootstrap vue
Last synced: about 1 month ago
JSON representation
Simple demo webpage for a theme switcher implemented in Vue with Bootsrtap
- Host: GitHub
- URL: https://github.com/arturfriedrich/vue-darkmode
- Owner: arturfriedrich
- Created: 2024-09-15T08:37:36.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-15T16:05:01.000Z (2 months ago)
- Last Synced: 2024-09-29T11:45:33.279Z (about 2 months ago)
- Topics: bootstrap, vue
- Language: Vue
- Homepage: https://arturfriedrich.github.io/vue-darkmode/
- Size: 212 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**Plan:**
1. Update the `README.md` file to reflect the current project setup and details.
2. Include information about the theme switcher feature and how to use it.
```markdown
# vue-darkmode
This project is a Vue 3 application using Vite, featuring a dark mode theme switcher.
## Recommended IDE Setup
[PhpStorm](https://www.jetbrains.com/phpstorm/) 2024.1.4
## Customize configuration
See [Vite Configuration Reference](https://vitejs.dev/config/).
## Project Setup
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Compile and Minify for Production
```sh
npm run build
```
### Lint with [ESLint](https://eslint.org/)
```sh
npm run lint
```
## Theme Switcher
This project includes a theme switcher that allows toggling between light and dark modes. The theme switcher is implemented using a `` element with an icon that changes based on the current theme.
### Usage
- Click the theme switcher icon in the navigation bar to toggle between light and dark modes.
- The icon will change to a sun icon in dark mode and a moon icon in light mode.
- In dark mode, the icon color will be white, and in light mode, it will be black.
```