https://github.com/philippmos/vacation-countdown
[ TypeScript, SCSS, Bun ] - Simple themeable WebApp to build awesome vacation countdowns
https://github.com/philippmos/vacation-countdown
bun scss typescript
Last synced: 11 months ago
JSON representation
[ TypeScript, SCSS, Bun ] - Simple themeable WebApp to build awesome vacation countdowns
- Host: GitHub
- URL: https://github.com/philippmos/vacation-countdown
- Owner: philippmos
- Created: 2025-06-07T19:12:35.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-09T17:48:59.000Z (about 1 year ago)
- Last Synced: 2025-06-09T18:43:19.084Z (about 1 year ago)
- Topics: bun, scss, typescript
- Language: TypeScript
- Homepage:
- Size: 2.92 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Customizable Vacation Countdown
## Create a new custom theme
### Setup
1. Create a new branch
2. Create a new Azure Static Web App (automated soon via Terraform)
3. Create a Github Action Secret `AZ_TOKEN_[theme]`
### Styles
1. Create a new `[themename]/_variables.scss` file in `src/styles/themes/` or copy from existing and modify values
2. Save a backgroundimage in `src/assets` and refere in custom property
### Scripts
1. In `src/scripts/providers/theme-provider.ts` add a new Theme in `themeModels` property
### Configuration
1. In `package.json` create a new build:prod-Script and set the `ACTIVE_THEME` environment variable
2. In `.github/workflows/azure-staticwebapp.yml` configure `AZ_WEBAPP_TOKEN` and `THEME_KEY`