feat(web): set built-in DEFAULT_COLORS to the green brand palette

Replaces the blue defaults with the provided green theme (primary #58B900,
accent #45A148, today #6FB669, greens for month/selected/today-bg, etc.). These
apply when no admin instance theme is set. THEME.md defaults table updated.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-20 14:21:03 +02:00
parent cea96660d9
commit 22a58e0d9f
4 changed files with 28 additions and 29 deletions

View File

@@ -38,22 +38,22 @@ untouched reproduces the previous automatic look; setting it overrides that.
| Key | What it colours | Default | | Key | What it colours | Default |
|---|---|---| |---|---|---|
| `primary_color` | Primary/brand colour — buttons, links, active states, and the browser favicon/tab colour | `#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 | `#EA4335` | | `accent_color` | Accent — danger actions, the "now" line, reminders | `#45A148` |
| `today_color` | "Today" accent: the day-number circle and today's labels | `#4285F4` | | `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` | | `text_color` | Base text colour (secondary/tertiary text is derived from it) | `#FFFFFF` |
| `bg_color` | App background | `#000000` | | `bg_color` | App background | `#000000` |
| `surface_color` | Sidebar / top bar / card surfaces (derived from `bg_color` when unset) | `#1A1A1A` | | `surface_color` | Sidebar / top bar / card surfaces (derived from `bg_color` when unset) | `#2B2B2B` |
| `line_color` | Borders and grid lines | `#3A3A52` | | `line_color` | Borders and grid lines | `#3B3B3D` |
| `month_divider_color` | The line marking a month change in the scrolling month view | `#7090C0` | | `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 | `#7090C0` | | `month_label_color` | The month abbreviation shown at a month change | `#95D25E` |
| `hover_highlight_color` | General interactive hover — buttons, menu items, list rows | `#2A2A38` (= derived hover) | | `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 | `#9090AA` (= secondary text) | | `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` (= primary text) | | `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) | `#2A2A38` (= derived hover) | | `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 | `#4285F4` (= primary) | | `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` | | `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: Notes:
- `day_selected_color` and `today_bg_color` are applied as a low-opacity tint of - `day_selected_color` and `today_bg_color` are applied as a low-opacity tint of

View File

@@ -7,25 +7,24 @@
// Canonical default colours — the single source for the web. Reset writes these. // Canonical default colours — the single source for the web. Reset writes these.
export const DEFAULT_COLORS = { export const DEFAULT_COLORS = {
primary_color: '#4285F4', primary_color: '#58B900',
accent_color: '#EA4335', accent_color: '#45A148',
today_color: '#4285F4', today_color: '#6FB669',
text_color: '#FFFFFF', text_color: '#FFFFFF',
bg_color: '#000000', bg_color: '#000000',
line_color: '#3A3A52', line_color: '#3B3B3D',
surface_color: '#1A1A1A', surface_color: '#2B2B2B',
month_divider_color: '#7090C0', month_divider_color: '#95D25E',
month_label_color: '#7090C0', month_label_color: '#95D25E',
// Fine-grained element colours. Defaults equal the previously-derived look // Fine-grained element colours (see THEME.md). day_selected/today_bg are
// (see THEME.md). day_selected/today_bg are applied as a subtle tint of the // applied as a subtle tint of the chosen colour; the rest are applied solid.
// chosen colour; the rest are applied solid.
hover_highlight_color: '#2A2A38', hover_highlight_color: '#2A2A38',
icon_inactive_color: '#9090AA', icon_inactive_color: '#90AA91',
icon_active_color: '#E8E8F0', icon_active_color: '#E8E8F0',
day_hover_color: '#2A2A38', day_hover_color: '#2B382A',
day_selected_color: '#4285F4', day_selected_color: '#88EF9A',
day_bg_color: '#000000', day_bg_color: '#000000',
today_bg_color: '#4285F4', today_bg_color: '#477650',
}; };
// The syncable settings the web client exposes, grouped into table sections. // The syncable settings the web client exposes, grouped into table sections.

View File

@@ -1,2 +1,2 @@
// Increment APP_VERSION with every code change // Increment APP_VERSION with every code change
export const APP_VERSION = 'v85'; export const APP_VERSION = 'v86';

View File

@@ -7,7 +7,7 @@
// the entry HTML / version files). New releases take effect on the next // the entry HTML / version files). New releases take effect on the next
// reload, no manual SW unregister required. // reload, no manual SW unregister required.
const CACHE_VERSION = 'calendarr-v33'; const CACHE_VERSION = 'calendarr-v34';
const OFFLINE_SHELL = ['/', '/index.html']; const OFFLINE_SHELL = ['/', '/index.html'];
self.addEventListener('install', event => { self.addEventListener('install', event => {