From 99565cdcf6fadbdf6e7b4e80ba036e3e958764bc Mon Sep 17 00:00:00 2001 From: Nicol Date: Fri, 24 Jan 2025 15:14:53 +0000 Subject: [PATCH 1/2] Update _dark.css --- ext/riverlea/streams/thames/css/_dark.css | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/ext/riverlea/streams/thames/css/_dark.css b/ext/riverlea/streams/thames/css/_dark.css index c30024ce654e..9bb26ef1c6f1 100644 --- a/ext/riverlea/streams/thames/css/_dark.css +++ b/ext/riverlea/streams/thames/css/_dark.css @@ -3,6 +3,7 @@ --crm-c-dkblue-02: #0c191e; --crm-c-dkblue-03: #1a292f; --crm-c-dkblue-04: #1e323b; + --crm-c-dkblue-08: #2ea4ff; --crm-c-background: var(--crm-c-dkblue-02); --crm-dash-tabs-bg: var(--crm-c-dkblue-03); --crm-dash-tab-count-bg: var(--crm-c-blue-darker); @@ -10,8 +11,8 @@ --crm-c-code-background: var(--crm-c-dkblue-04); --crm-dashlet-bg: var(--crm-c-dkblue-02); --crm-c-green: #335417; - --crm-c-link: #2c98ed; - --crm-c-link-hover: color-mix(in srgb, white, var(--crm-c-blue-dark) 70%); + --crm-c-link: var(--crm-c-dkblue-08); + --crm-c-link-hover: color-mix(in srgb, white, var(--crm-c-dkblue-08) 70%); --crm-dash-header-col: var(--crm-c-blue-light); --crm-dash-tab-bg-hover: var(--crm-c-dkblue-02); --crm-dash-panel-bg: var(--crm-c-dkblue-02); @@ -47,6 +48,12 @@ --crm-form-block-background: var(--crm-c-dkblue-02); --crm-notify-background: var(--crm-c-dkblue-02); --crm-expand-header-bg-active: var(--crm-c-dkblue-04); + --crm-checkbox-list-col: var(--crm-input-label-color); + --crm-input-description: var(--crm-input-label-color); + --crm-c-warning-text: black; + /* these colour descriptions are used prescriptively */ + --crm-c-yellow-light: var(--crm-c-dkblue-01); + --crm-c-yellow-less-light: var(--crm-c-dkblue-02); } .crm-container div.crm-summary-row div.crm-label { @@ -91,6 +98,7 @@ } .crm-container summary { background: var(--crm-c-dkblue-03); + color: var(--crm-expand-header-color); } .crm-container details { background-color: var(--crm-c-dkblue-02); @@ -121,3 +129,13 @@ .crm-container .status-warning { --crm-c-alert: var(--crm-c-red); } + +#civicrm-footer a, nav.breadcrumb a { + --crm-c-link: var(--crm-c-dkblue-08); + --crm-c-link-hover: var(--crm-c-blue); +} + +/* eg. Frontend theme selection */ +.select2-drop.select2-drop-active.crm-container .select2-results > li { + --crm-c-blue-dark: var(--crm-c-blue); +} From b902420e752fef3abf1c63aaddeeadcc83b4143c Mon Sep 17 00:00:00 2001 From: Nicol Date: Fri, 24 Jan 2025 15:17:05 +0000 Subject: [PATCH 2/2] Update civicrm.css --- ext/riverlea/streams/thames/css/civicrm.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/ext/riverlea/streams/thames/css/civicrm.css b/ext/riverlea/streams/thames/css/civicrm.css index a3d9c99dcaec..93662ba7c780 100755 --- a/ext/riverlea/streams/thames/css/civicrm.css +++ b/ext/riverlea/streams/thames/css/civicrm.css @@ -23,8 +23,7 @@ html.cms-standalone body { cursor: pointer; /* show it's clickable */ position: relative; /* so our animated triangle doesn't go walkies */ } -.crm-container summary:hover, -.crm-container summary:focus { +.crm-container summary:where(:hover, :focus) { background-color: var(--crm-c-blue-overlay2); } @@ -601,7 +600,7 @@ html.crm-standalone nav.breadcrumb>ol { .crm-container th.crm-search-result-select { --crm-btn-margin: 0; } -/* Searchkit accordions */ +/* Searchkit accordions */ .crm-search-admin-edit-columns details, .crm-search .crm-search-admin-relative details { /*issue https://lab.civicrm.org/extensions/riverlea/-/issues/102 */ @@ -623,3 +622,12 @@ html.crm-standalone nav.breadcrumb>ol { /* the hover state gives crm-c-red-dark to the background */ --crm-c-alert-text: var(--crm-c-red-light); } + +/* Fix Mosaico wizard */ +.crm_wizard__title { --crm-panel-background: transparent; } +.crmb-wizard-button-right { gap: 1rem; } + +/* Support contact dashboard image float */ +.contactCardRight:has(#crm-contact-thumbnail) .float-left { + width: calc(100% - var(--crm-flex-gap) - var(--crm-dash-image-size)); +}