diff --git a/THEME.md b/THEME.md index e9d6d4b..2cbe799 100644 --- a/THEME.md +++ b/THEME.md @@ -38,22 +38,22 @@ untouched reproduces the previous automatic look; setting it overrides that. | Key | What it colours | Default | |---|---|---| -| `primary_color` | Primary/brand colour — buttons, links, active states, and the browser favicon/tab colour | `#4285F4` | -| `accent_color` | Accent — danger actions, the "now" line, reminders | `#EA4335` | -| `today_color` | "Today" accent: the day-number circle and today's labels | `#4285F4` | +| `primary_color` | Primary/brand colour — buttons, links, active states, and the browser favicon/tab colour | `#58B900` | +| `accent_color` | Accent — danger actions, the "now" line, reminders | `#45A148` | +| `today_color` | "Today" accent: the day-number circle and today's labels | `#6FB669` | | `text_color` | Base text colour (secondary/tertiary text is derived from it) | `#FFFFFF` | | `bg_color` | App background | `#000000` | -| `surface_color` | Sidebar / top bar / card surfaces (derived from `bg_color` when unset) | `#1A1A1A` | -| `line_color` | Borders and grid lines | `#3A3A52` | -| `month_divider_color` | The line marking a month change in the scrolling month view | `#7090C0` | -| `month_label_color` | The month abbreviation shown at a month change | `#7090C0` | -| `hover_highlight_color` | General interactive hover — buttons, menu items, list rows | `#2A2A38` (= derived hover) | -| `icon_inactive_color` | Sidebar action icons (notification bell *off*, hide/eye, delete/trash, "not editable") in their resting / off / not-hovered state | `#9090AA` (= secondary text) | -| `icon_active_color` | The same sidebar action icons when hovered, pressed, or *on* (e.g. notification bell enabled) | `#E8E8F0` (= primary text) | -| `day_hover_color` | Hover background over a calendar day (month / week / quarter / agenda / mini-calendar / date picker) | `#2A2A38` (= derived hover) | -| `day_selected_color` | The selected day — applied as a subtle tint of this colour | `#4285F4` (= primary) | +| `surface_color` | Sidebar / top bar / card surfaces (derived from `bg_color` when unset) | `#2B2B2B` | +| `line_color` | Borders and grid lines | `#3B3B3D` | +| `month_divider_color` | The line marking a month change in the scrolling month view | `#95D25E` | +| `month_label_color` | The month abbreviation shown at a month change | `#95D25E` | +| `hover_highlight_color` | General interactive hover — buttons, menu items, list rows | `#2A2A38` | +| `icon_inactive_color` | Sidebar action icons (notification bell *off*, hide/eye, delete/trash, "not editable") in their resting / off / not-hovered state | `#90AA91` | +| `icon_active_color` | The same sidebar action icons when hovered, pressed, or *on* (e.g. notification bell enabled) | `#E8E8F0` | +| `day_hover_color` | Hover background over a calendar day (month / week / quarter / agenda / mini-calendar / date picker) | `#2B382A` | +| `day_selected_color` | The selected day — applied as a subtle tint of this colour | `#88EF9A` | | `day_bg_color` | Normal (unselected, non-today) day background. Defaults to the app background so days look transparent | `#000000` | -| `today_bg_color` | Today's day-cell background — applied as a subtle tint of this colour | `#4285F4` (= today accent) | +| `today_bg_color` | Today's day-cell background — applied as a subtle tint of this colour | `#477650` | Notes: - `day_selected_color` and `today_bg_color` are applied as a low-opacity tint of diff --git a/frontend/js/settings-sync.js b/frontend/js/settings-sync.js index c20d007..bff5fa5 100644 --- a/frontend/js/settings-sync.js +++ b/frontend/js/settings-sync.js @@ -7,25 +7,24 @@ // Canonical default colours — the single source for the web. Reset writes these. export const DEFAULT_COLORS = { - primary_color: '#4285F4', - accent_color: '#EA4335', - today_color: '#4285F4', + primary_color: '#58B900', + accent_color: '#45A148', + today_color: '#6FB669', text_color: '#FFFFFF', bg_color: '#000000', - line_color: '#3A3A52', - surface_color: '#1A1A1A', - month_divider_color: '#7090C0', - month_label_color: '#7090C0', - // Fine-grained element colours. Defaults equal the previously-derived look - // (see THEME.md). day_selected/today_bg are applied as a subtle tint of the - // chosen colour; the rest are applied solid. + line_color: '#3B3B3D', + surface_color: '#2B2B2B', + month_divider_color: '#95D25E', + month_label_color: '#95D25E', + // Fine-grained element colours (see THEME.md). day_selected/today_bg are + // applied as a subtle tint of the chosen colour; the rest are applied solid. hover_highlight_color: '#2A2A38', - icon_inactive_color: '#9090AA', + icon_inactive_color: '#90AA91', icon_active_color: '#E8E8F0', - day_hover_color: '#2A2A38', - day_selected_color: '#4285F4', + day_hover_color: '#2B382A', + day_selected_color: '#88EF9A', day_bg_color: '#000000', - today_bg_color: '#4285F4', + today_bg_color: '#477650', }; // The syncable settings the web client exposes, grouped into table sections. diff --git a/frontend/js/version.js b/frontend/js/version.js index b4a4318..38a1d90 100644 --- a/frontend/js/version.js +++ b/frontend/js/version.js @@ -1,2 +1,2 @@ // Increment APP_VERSION with every code change -export const APP_VERSION = 'v85'; +export const APP_VERSION = 'v86'; diff --git a/frontend/sw.js b/frontend/sw.js index ecb6f52..be4f4f3 100644 --- a/frontend/sw.js +++ b/frontend/sw.js @@ -7,7 +7,7 @@ // the entry HTML / version files). New releases take effect on the next // reload, no manual SW unregister required. -const CACHE_VERSION = 'calendarr-v33'; +const CACHE_VERSION = 'calendarr-v34'; const OFFLINE_SHELL = ['/', '/index.html']; self.addEventListener('install', event => {