Dev

.github/ISSUE_TEMPLATE/bug-report.yml

@@ -0,0 +1,77 @@
+name: Bug Report
+description: For reporting bugs or unexpected behavior
+title: "[Bug]: "
+body:
+  - type: textarea
+    id: ha_version
+    attributes:
+      label: My Home Assistant Version
+      description: You can view your Home Assistant Version in _Settings > About_
+      placeholder: |
+        Core: 2025.10.3
+        Frontend: 20251001.2
+        Flipdown-timer-card: 1.0.1
+    validations:
+      required: true
+  - type: dropdown
+    id: lovelace
+    attributes:
+      label: My lovelace configuration method
+      multiple: false
+      options:
+        - GUI
+        - YAML
+    validations:
+      required: true
+  - type: textarea
+    id: what_i_am_doing
+    attributes:
+      label: What I am doing
+  - type: textarea
+    id: what_i_expect_to_happen
+    attributes:
+      label: What I expect to happen
+  - type: textarea
+    id: what_happened_instead
+    attributes:
+      label: What happened instead
+  - type: textarea
+    id: minimal_steps_to_reproduce
+    attributes:
+      label: Minimal steps to reproduce
+      value: |
+        1.
+        2.
+        3.
+        ...
+  - type: textarea
+    id: minimal_code
+    attributes:
+      label: Include any yaml code here
+      placeholder: Paste YAML code
+      render: YAML
+  - type: textarea
+    id: console_errors
+    attributes:
+      label: Error messages from the browser console
+      description: Select everything from the browser console and copy and paste below
+      placeholder: Paste console errors
+      render: console
+  - type: markdown
+    attributes:
+      value: '---'
+  - type: checkboxes
+    id: checks
+    attributes:
+      label: By checking each box below I indicate that I ...
+      options:
+        - label: Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
+          required: true
+        - label: Have made sure I am using the latest version of the plugin.
+          required: true
+        - label: Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
+          required: true
+        - label: Understand that failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.
+          required: true
+
+

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1 @@
+blank_issues_enabled: false

.github/ISSUE_TEMPLATE/feature-request.md

@@ -0,0 +1,7 @@
+---
+name: Feature request
+about: For suggesting new features
+title: '[FR]: '
+labels: 'feature request'
+assignees: ''
+---

CHANGELOG.md

@@ -1,3 +1,27 @@
+## [1.1.0-dev.2](https://github.com/dcapslock/flipdown-timer-card/compare/v1.1.0-dev.1...v1.1.0-dev.2) (2025-11-07)
+
+### Features
+
+* Add Flipdown CSS vars for theming ([#8](https://github.com/dcapslock/flipdown-timer-card/issues/8)) ([a7ed5b1](https://github.com/dcapslock/flipdown-timer-card/commit/a7ed5b15e5589c1cf9ccbeb190e27028d0023dc7))
+
+### Bug Fixes
+
+* Apply header text shadow for light and dark thems to allow text to be shown even if theme out of place. ([#9](https://github.com/dcapslock/flipdown-timer-card/issues/9)) ([17226e4](https://github.com/dcapslock/flipdown-timer-card/commit/17226e4f3328cb8830e2b50abd5a44271bdc68e1))
+
+### Documentation
+
+* Flipdown CSS variable added to README ([#10](https://github.com/dcapslock/flipdown-timer-card/issues/10)) ([2c1236d](https://github.com/dcapslock/flipdown-timer-card/commit/2c1236d94d399cf895cd7471fb43025debda40ec))
+
+## [1.1.0-dev.1](https://github.com/dcapslock/flipdown-timer-card/compare/v1.0.1...v1.1.0-dev.1) (2025-11-06)
+
+### Features
+
+* Modern GUI Editor ([#6](https://github.com/dcapslock/flipdown-timer-card/issues/6)) ([bfe3fea](https://github.com/dcapslock/flipdown-timer-card/commit/bfe3fea202ae9eef3b904d715269fb8dd042a46c))
+
+### Documentation
+
+* Change duration type from string to object ([7b7b9f6](https://github.com/dcapslock/flipdown-timer-card/commit/7b7b9f67e337094977a2d58587e01fcdfdf95c62))
+
 ## [1.0.1](https://github.com/dcapslock/flipdown-timer-card/compare/v1.0.0...v1.0.1) (2025-11-05)
 
 ### Bug Fixes

README.md

@@ -19,17 +19,17 @@ Card for timer entities in the Lovelace user interface of Home Assistant ![Defau
 
 ## Configuration
 
-| Name        | Type    | Requirement  | Description                                              | Default |
-| ----------- | ------- | ------------ | -------------------------------------------------------- | ------- |
-| type        | string  | **Required** | `custom:flipdown-timer-card`                             |         |
-| entity      | string  | **Required** | Timer, Input_datetime(with both date and time) entity    |         |
-| duration    | string  | **Optional** | Timer duration indicated when idle. Should be 'hh:mm:ss' |         |
-| theme       | string  | **Optional** | Colorscheme `hass`, `dark`, `light`                      | `hass`  |
-| show_title  | boolean | **Optional** | Show card title                                          | `false` |
-| show_header | boolean | **Optional** | Show rotor headings                                      | `false` |
-| show_hour   | string  | **Optional** | Show hour rotors `true`, `false`, `auto`                 | `false` |
-| styles      | object  | **Optional** | Card style                                               |         |
-| localize    | object  | **Optional** | Card text localization                                   |         |
+| Name | Type | Requirement | Description | Default |
+| --- | --- | --- | --- | --- |
+| type | string | **Required** | `custom:flipdown-timer-card` |  |
+| entity | string | **Required** | Timer, Input_datetime(with both date and time) entity |  |
+| duration | object | **Optional** | Timer duration indicated when idle. Object with attributes `hours`, `minutes`, `seconds` |  |
+| theme | string | **Optional** | Colorscheme `hass`, `dark`, `light` | `hass` |
+| show_title | boolean | **Optional** | Show card title | `false` |
+| show_header | boolean | **Optional** | Show rotor headings | `false` |
+| show_hour | string | **Optional** | Show hour rotors `true`, `false`, `auto` | `false` |
+| styles | object | **Optional** | Card style |  |
+| localize | object | **Optional** | Card text localization |  |
 
 ### **Duration**
 
@@ -114,7 +114,10 @@ show_hour: false
 show_title: false
 show_header: false
 theme: dark
-duration: '00:00:00'
+duration:
+  - hours: 0
+  - minutes: 0
+  - seconds: 0
 localize:
   button: 시작, 정지, 취소, 계속, 리셋
   header: 시, 분, 초
@@ -130,6 +133,25 @@ styles:
     location: bottom
 ```
 
+## Flipdown CSS variables
+
+The following CSS variables are available to use in Home Assistant themes or to apply to `ha-card` via card-mod. These will override any Rotor style, Button style or Theme set in Flipdown Timer Card config.
+
+| Variable | Applies to | Valid value | Overrides |
+| --- | --- | --- | --- |
+| `--flipdown-primary-color` | Text color for rotor top segments, buttons, header | CSS color | Theme config |
+| `--flipdown-primary-background-color` | Background color for rotor top segments, buttons, delimiters, hinge | CSS color | Theme config |
+| `--flipdown-secondary-color` | Text color for rotor bottom segments | CSS color | Theme config |
+| `--flipdown-secondary-background-color` | Background color for rotor bottom segments | CSS color | Theme config |
+| `--flipdown-header-text-shadow` | Text shadow used for header to allow for header to be visible in most scenarios. | Valid CSS text shadow. Defaults to `1px 1px 0px var(--flipdown-primary-background-color, <theme color>)` | Theme config |
+| `--flipdown-rotor-space` | Space between rotors | CSS size | Rotor space config |
+| `--flipdown-rotor-height` | Height of rotor | CSS size | Rotor height config |
+| `--flipdown-rotor-width` | Width of rotor | CSS size | Rotor width config |
+| `--flipdown-rotor-fontsize` | Rotor font size | CSS font size | Rotor fontsize config |
+| `--flipdown-button-width` | Button width | CSS size | Button width config |
+| `--flipdown-button-height` | Button height. Only for when buttons are at bottom location. Otherwise button height is relative to rotor height | CSS size | Button height config |
+| `--flipdown-button-fontsize` | Button font size | CSS font size | Button fontsize config |
+
 ## Notes
 
 - Timing error(<1s) may occur due to flipping effect.
@@ -138,3 +160,4 @@ styles:
 
 - Original Flipdown Timer Card by [pmongloid](https://github.com/pmongloid/flipdown-timer-card)
 - This card is based on the work of [@PButcher/flipdown](https://github.com/PButcher/flipdown) and [@iantrich](https://github.com/iantrich)'s boilerplate card
+- This repository uses Build, CI and Release configuration based on [button-card](https://github.com/custom-cards/button-card) by [@RomRider](https://github.com/RomRider)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flipdown-timer-card",
-  "version": "1.0.1",
+  "version": "1.1.0-dev.2",
   "description": "Flipdown timer card for lovelace",
   "main": "dist/flipdown-timer-card.js",
   "type": "module",