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:
26
THEME.md
26
THEME.md
@@ -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
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|||||||
@@ -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';
|
||||||
|
|||||||
@@ -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 => {
|
||||||
|
|||||||
Reference in New Issue
Block a user