[6.0] Riverlea - merge text-light and light-text

ext/riverlea/core/civi_mail-ang/crmMailing.css

@@ -6,7 +6,8 @@
   height: 20em;
 }
 .crmMailing-recip-est {
-  background: var(--crm-c-yellow-less-light);
+  background: var(--crm-checkbox-list-bg);
+  color: var(--crm-checkbox-list-col);
   font-size: var(--crm-small-font-size);
   padding: var(--crm-padding-small);
   margin: 0 0 0 var(--crm-m);

ext/riverlea/core/css/_bootstrap.css

@@ -128,7 +128,7 @@
 #bootstrap-theme mark,
 #bootstrap-theme .mark {
   background: var(--crm-c-yellow);
-  color: var(--crm-c-text);
+  color: var(--crm-c-text-dark);
   padding: .2rem;
 }
 @media (min-width: 768px) {
@@ -1848,7 +1848,7 @@ fieldset[disabled] #bootstrap-theme .btn-link:focus {
 #bootstrap-theme .navbar-default {
   background-color: var(--crm-c-darkest);
   border-color: var(--crm-c-darkest);
-  color: var(--crm-c-light-text);
+  color: var(--crm-c-text-light);
 }
 #bootstrap-theme .nav-justified,
 #bootstrap-theme .nav-tabs.nav-justified {
@@ -3385,7 +3385,7 @@ fieldset[disabled] #bootstrap-theme .navbar-inverse .btn-link:focus {
   display: inline;
   padding: var(--crm-btn-padding-block) var(--crm-btn-padding-inline);
   font-weight: normal;
-  color: var(--crm-c-light-text);
+  color: var(--crm-c-text-light);
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
@@ -3400,13 +3400,13 @@ fieldset[disabled] #bootstrap-theme .navbar-inverse .btn-link:focus {
 }
 #bootstrap-theme a.label:hover,
 #bootstrap-theme a.label:focus {
-  color: var(--crm-c-light-text);
+  color: var(--crm-c-text-light);
   text-decoration: none;
   cursor: var(--crm-hover-clickable);
 }
 #bootstrap-theme .label-default {
   background-color: var(--crm-c-text);
-  color: var(--crm-c-light-text);
+  color: var(--crm-c-text-light);
 }
 #bootstrap-theme .label-default[href]:hover,
 #bootstrap-theme .label-default[href]:focus {

ext/riverlea/core/css/_variables.css

@@ -44,9 +44,9 @@
   --crm-c-teal: #63c4b9;
   --crm-c-dark-teal: #3e8079;
 /* Practical colours */
-  --crm-c-text: #464354;
-  --crm-c-light-text: #fff;
-  --crm-c-dark-text: var(--crm-c-text);
+  --crm-c-text-light: #fff;
+  --crm-c-text-dark: #464354;
+  --crm-c-text: var(--crm-c-text-dark);
   --crm-c-link: var(--crm-c-blue-dark);
   --crm-c-link-hover: var(--crm-c-blue-darker);
   --crm-c-divider: 1px solid var(--crm-c-gray-300);
@@ -60,20 +60,20 @@
   --crm-c-code-background: var(--crm-c-background2); /* background for code regions */
   --crm-c-primary: var(--crm-c-gray-700);
   --crm-c-primary-hover: var(--crm-c-gray-800);
-  --crm-c-primary-text: var(--crm-c-light-text);
-  --crm-c-primary-hover-text: var(--crm-c-light-text);
+  --crm-c-primary-text: var(--crm-c-text-light);
+  --crm-c-primary-hover-text: var(--crm-c-text-light);
   --crm-c-secondary: #5d677b;
   --crm-c-secondary-hover: #3e485b;
-  --crm-c-secondary-text: var(--crm-c-light-text);
-  --crm-c-secondary-hover-text: var(--crm-c-light-text);
+  --crm-c-secondary-text: var(--crm-c-text-light);
+  --crm-c-secondary-hover-text: var(--crm-c-text-light);
   --crm-c-success: var(--crm-c-green-dark);
-  --crm-c-success-text: var(--crm-c-light-text);
+  --crm-c-success-text: var(--crm-c-text-light);
   --crm-c-alert: var(--crm-c-red-dark);
-  --crm-c-alert-text: var(--crm-c-light-text);
+  --crm-c-alert-text: var(--crm-c-text-light);
   --crm-c-warning: var(--crm-c-amber);
-  --crm-c-warning-text: var(--crm-c-light-text);
+  --crm-c-warning-text: var(--crm-c-text-light);
   --crm-c-info: var(--crm-c-blue-dark);
-  --crm-c-info-text: var(--crm-c-light-text);
+  --crm-c-info-text: var(--crm-c-text-light);
   --crm-c-focus: var(--crm-c-blue-dark);
   --crm-c-inactive: #696969;
 /* Shadows */
@@ -117,7 +117,7 @@
   --crm-link-decoration: none;
   --crm-link-decoration-hover: underline;
   --crm-heading-bg: var(--crm-c-blue-light);
-  --crm-heading-col: var(--crm-c-text);
+  --crm-heading-col: var(--crm-c-text-dark);
   --crm-heading-padding: var(--crm-s1) var(--crm-m1);
   --crm-heading-margin: var(--crm-m) 0;
   --crm-heading-radius: var(--crm-roundness);
@@ -192,7 +192,7 @@
 /* .crm-accordion-bold */
   --crm-expand-header-bg: var(--crm-c-secondary);
   --crm-expand-header-bg-active: var(--crm-c-gray-900);
-  --crm-expand-header-color: var(--crm-c-light-text);
+  --crm-expand-header-color: var(--crm-c-secondary-text);
   --crm-expand-header-padding: var(--crm-s) var(--crm-m);
   --crm-expand-header-weight: bold;
   --crm-expand-header-font: var(--crm-font-bold);
@@ -225,7 +225,7 @@
   --crm-alert-text-help: var(--crm-c-green-dark);
   --crm-alert-background-warning: var(--crm-c-yellow-light);
   --crm-alert-border-warning: var(--crm-c-yellow);
-  --crm-alert-text-warning: var(--crm-c-text);
+  --crm-alert-text-warning: var(--crm-c-text-dark);
   --crm-alert-background-info: var(--crm-c-blue-light);
   --crm-alert-border-info: var(--crm-c-blue);
   --crm-alert-text-info: var(--crm-c-blue-dark);
@@ -263,7 +263,9 @@
   --crm-fieldset-border-color: var(--crm-c-gray-400);
   --crm-fieldset-border: 1px 0 0 0;
   --crm-fieldset-padding: var(--crm-padding-reg) var(--crm-padding-small);
-  --crm-checkbox-list-col: var(--crm-c-text);
+  --crm-checkbox-list-col: var(--crm-c-text-dark);
+  --crm-checkbox-list-bg: var(--crm-c-yellow-light);
+  --crm-checkbox-list-bg2: var(--crm-c-yellow-less-light);
 /* Tabs */
   --crm-tabs-bg: var(--crm-c-background4);
   --crm-tabs-padding: var(--crm-s);
@@ -337,7 +339,7 @@
   --crm-dialog-line: unset;
   --crm-dialog-inner-shadow: var(--crm-bottom-shadow);
   --crm-dialog-header-bg: var(--crm-c-secondary);
-  --crm-dialog-header-col: var(--crm-c-light-text);
+  --crm-dialog-header-col: var(--crm-c-secondary-text);
   --crm-dialog-header-size: var(--crm-r1);
   --crm-dialog-header-padding: var(--crm-m1) var(--crm-r);
   --crm-dialog-header-radius: var(--crm-dialog-radius);
@@ -363,7 +365,7 @@
   --crm-dropdown-padding: var(--crm-s);
   --crm-dropdown-radius: var(--crm-roundness);
   --crm-dropdown-bg: var(--crm-c-secondary-hover);
-  --crm-dropdown-col: var(--crm-c-light-text);
+  --crm-dropdown-col: var(--crm-c-text-light);
   --crm-dropdown-hover: var(--crm-c-text);
   --crm-dropdown-hover-bg: var(--crm-c-page-background);
   --crm-dropdown-border: 0;
@@ -375,7 +377,7 @@
 /* Notifications */
   --crm-notify-background: rgba(0,0,0,0.85);
   --crm-notify-padding: var(--crm-m2);
-  --crm-notify-col: var(--crm-c-light-text);
+  --crm-notify-col: var(--crm-c-text-light);
   --crm-notify-accent-border: 2px 0 0 0; /* adds a border to one/several sides of the notification - set to 0 for none */
   --crm-notify-radius: var(--crm-roundness);
   --crm-notify-alert: #d02e2e;
@@ -401,7 +403,7 @@
   --crm-wizard-radius: var(--crm-l);
   --crm-wizard-angle: 0px;
   --crm-wizard-arrow-thickness: 1px;
-  --crm-wizard-active-col: var(--crm-c-light-text);
+  --crm-wizard-active-col: var(--crm-c-text-light);
   --crm-wizard-active-bg: var(--crm-c-link);
   --crm-wizard-border: var(--crm-c-divider);
   --crm-wizard-bg: var(--crm-c-page-background);

ext/riverlea/core/css/components/_components.css

@@ -33,25 +33,26 @@
 .crm-container ul.crm-checkbox-list li input {
   margin: 0;
 }
+.crm-container ul.crm-checkbox-list li:nth-child(2n) {
+  background-color: var(--crm-c-background3);
+}
 .crm-container ul.crm-checkbox-list li:has(input:checked) label {
   color: var(--crm-checkbox-list-col);
 }
+.crm-container ul.crm-checkbox-list li:has(input:checked) {
+  background-color: var(--crm-checkbox-list-bg);
+}
+.crm-container ul.crm-checkbox-list li:nth-child(2n):has(input:checked) {
+  background-color: var(--crm-checkbox-list-bg2);
+}
+
 .listing-box input.crm-form-checkbox {
   margin: 0 0 0 var(--crm-s);
 }
 tbody.scrollContent tr.alternateRow {
   background-color: var(--crm-c-background3);
   padding-inline: var(--crm-s) var(--crm-m2);
 }
-.crm-container ul.crm-checkbox-list li:nth-child(2n) {
-  background-color: var(--crm-c-background3);
-}
-.crm-container ul.crm-checkbox-list li:has(input:checked) {
-  background-color: var(--crm-c-yellow-light);
-}
-.crm-container ul.crm-checkbox-list li:nth-child(2n):has(input:checked) {
-  background-color: var(--crm-c-yellow-less-light);
-}
 
 /* Action Links */
 

ext/riverlea/core/css/components/_form.css

@@ -806,7 +806,7 @@ input.crm-form-checkbox) + label {
 }
 .crm-container .ui-spinner a.ui-spinner-button:hover,
 .crm-container .ui-spinner a.ui-spinner-button:focus {
-  color: var(--crm-c-light-text);
+  color: var(--crm-c-text-light);
 }
 .crm-container .ui-spinner a.ui-spinner-button span::before {
   font-family: "FontAwesome";

ext/riverlea/core/css/components/_front.css

@@ -43,7 +43,7 @@ af-form > fieldset > legend {
 }
 .crm-container.crm-public .header-dark {
   background: var(--crm-c-secondary);
-  color: var(--crm-c-light-text);
+  color: var(--crm-c-text-light);
   padding: var(--crm-m1) var(--crm-f-fieldset-padding);
   font-family: var(--crm-font-bold);
   font-weight: bold;

ext/riverlea/core/css/components/_tables.css

@@ -279,7 +279,7 @@ tbody .crm-row-child:not(:has(~ .crm-row-child)) td {
 }
 .crm-container tr.columnheader-dark th {
   background-color: var(--crm-c-gray-700);
-  color: var(--crm-c-light-text);
+  color: var(--crm-c-text-light);
   border: 1px solid var(--crm-c-gray-800);
 }
 

ext/riverlea/core/css/components/_tabs.css

@@ -96,7 +96,7 @@
 .crm-container .ui-tabs ul.ui-tabs-nav .crm-count-0 a em,
 .crm-container #mainTabContainer ul.ui-tabs-nav .crm-count-0 a em {
   background: var(--crm-c-background5);
-  color: var(--crm-c-light-text);
+  color: var(--crm-c-text-light);
 }
 .crm-container .ui-tabs ul li em:empty,
 .crm-container .nav-tabs .badge:empty { /* this is to keep the height of tabs with empty badges */

ext/riverlea/core/css/rename-css-var.php

@@ -20,7 +20,7 @@
 --crm-blue-darker       --crm-c-blue-darker
 --crm-blue-light        --crm-c-blue-light
 --crm-dark-teal         --crm-c-dark-teal
---crm-dark-text         --crm-c-dark-text
+--crm-dark-text         --crm-c-text-dark
 --crm-darkest           --crm-c-darkest
 --crm-divider           --crm-c-divider
 --crm-drag-background   --crm-c-drag-background
@@ -42,7 +42,7 @@
 --crm-inactive          --crm-c-inactive
 --crm-info              --crm-c-info
 --crm-info-text         --crm-c-info-text
---crm-light-text        --crm-c-light-text
+--crm-light-text        --crm-c-text-light
 --crm-link              --crm-c-link
 --crm-link-hover        --crm-c-link-hover
 --crm-page-background   --crm-c-page-background

ext/riverlea/core/org.civicrm.afform-ang/afCore.css

@@ -77,7 +77,7 @@ details.af-container > *:last-of-type {
 }
 #bootstrap-theme .af-container-style-pane > .af-title {
   background-color: var(--crm-c-background5);
-  color: var(--crm-c-light-text);
+  color: var(--crm-c-text-light);
   border-radius: var(--crm-form-block-border-radius) var(--crm-form-block-border-radius) 0 0;
   position: absolute;
   top: 0;

ext/riverlea/streams/empty/css/_dark.css

@@ -3,7 +3,6 @@
   --crm-c-text: #fff;
   --crm-c-link: var(--crm-c-teal);
   --crm-c-link-hover: var(--crm-c-yellow);
-  --crm-c-text-light: var(--crm-c-darkest);
   --crm-c-background: var(--crm-c-gray-900);
   --crm-c-page-background: var(--crm-c-gray-900);
   --crm-c-background2: var(--crm-c-gray-800);
@@ -50,7 +49,6 @@
   --crm-c-inactive: var(--crm-c-gray-400);
   --crm-input-color: var(--crm-c-text);
   --crm-input-description: var(--crm-c-gray-300);
-  --crm-checkbox-list-col: var(--crm-c-text-light);
   --crm-alert-text-help: var(--crm-c-text);
   --crm-dialog-header-border-col: transparent;
   --crm-dialog-header-bg: var(--crm-c-background2);

ext/riverlea/streams/empty/css/_variables.css

@@ -46,8 +46,8 @@
 --crm-c-dark-teal: #3e8079;
 /* Practical colours *
 --crm-c-text: #464354;
---crm-c-light-text: #fff;
---crm-c-dark-text: var(--crm-c-text);
+--crm-c-text-light: #fff;
+--crm-c-text-dark: var(--crm-c-text);
 --crm-c-link: var(--crm-c-blue-dark);
 --crm-c-link-hover: var(--crm-c-blue-darker);
 --crm-c-divider: 1px solid var(--crm-c-gray-300);
@@ -61,20 +61,20 @@
 --crm-c-code-background: var(--crm-c-background2); /* background for code regions *
 --crm-c-primary: var(--crm-c-gray-700);
 --crm-c-primary-hover: var(--crm-c-gray-800);
---crm-c-primary-text: var(--crm-c-light-text);
---crm-c-primary-hover-text: var(--crm-c-light-text);
+--crm-c-primary-text: var(--crm-c-text-light);
+--crm-c-primary-hover-text: var(--crm-c-text-light);
 --crm-c-secondary: #5d677b;
 --crm-c-secondary-hover: #3e485b;
---crm-c-secondary-text: var(--crm-c-light-text);
---crm-c-secondary-hover-text: var(--crm-c-light-text);
+--crm-c-secondary-text: var(--crm-c-text-light);
+--crm-c-secondary-hover-text: var(--crm-c-text-light);
 --crm-c-success: var(--crm-c-green-dark);
---crm-c-success-text: var(--crm-c-light-text);
+--crm-c-success-text: var(--crm-c-text-light);
 --crm-c-alert: var(--crm-c-red-dark);
---crm-c-alert-text: var(--crm-c-light-text);
+--crm-c-alert-text: var(--crm-c-text-light);
 --crm-c-warning: var(--crm-c-amber);
---crm-c-warning-text: var(--crm-c-light-text);
+--crm-c-warning-text: var(--crm-c-text-light);
 --crm-c-info: var(--crm-c-blue-dark);
---crm-c-info-text: var(--crm-c-light-text);
+--crm-c-info-text: var(--crm-c-text-light);
 --crm-c-focus: var(--crm-c-blue-dark);
 --crm-c-inactive: #696969;
 /* Shadows *
@@ -191,7 +191,7 @@
 /* .crm-accordion-bold *
 --crm-expand-header-bg: var(--crm-c-secondary);
 --crm-expand-header-bg-active: var(--crm-c-gray-900);
---crm-expand-header-color: var(--crm-c-light-text);
+--crm-expand-header-color: var(--crm-c-text-light);
 --crm-expand-header-padding: var(--crm-s) var(--crm-m);
 --crm-expand-header-weight: bold;
 --crm-expand-header-font: var(--crm-font-bold);
@@ -262,7 +262,6 @@
 --crm-fieldset-border-color: var(--crm-c-gray-400);
 --crm-fieldset-border: 1px 0 0 0;
 --crm-fieldset-padding: var(--crm-padding-reg) var(--crm-padding-small);
---crm-checkbox-list-col: var(--crm-c-text);
 /* Tabs *
 --crm-tabs-bg: var(--crm-c-background4);
 --crm-tabs-padding: var(--crm-s);
@@ -336,7 +335,7 @@
 --crm-dialog-line:;
 --crm-dialog-inner-shadow: var(--crm-bottom-shadow);
 --crm-dialog-header-bg: var(--crm-c-secondary);
---crm-dialog-header-col: var(--crm-c-light-text);
+--crm-dialog-header-col: var(--crm-c-text-light);
 --crm-dialog-header-size: var(--crm-r1);
 --crm-dialog-header-padding: var(--crm-m1) var(--crm-r);
 --crm-dialog-header-radius: var(--crm-dialog-radius);
@@ -362,7 +361,7 @@
 --crm-dropdown-padding: var(--crm-s);
 --crm-dropdown-radius: var(--crm-roundness);
 --crm-dropdown-bg: var(--crm-c-secondary-hover);
---crm-dropdown-col: var(--crm-c-light-text);
+--crm-dropdown-col: var(--crm-c-text-light);
 --crm-dropdown-hover: var(--crm-c-text);
 --crm-dropdown-hover-bg: var(--crm-c-page-background);
 --crm-dropdown-border: 0;
@@ -374,7 +373,7 @@
 /* Notifications *
 --crm-notify-background: rgba(0,0,0,0.85);
 --crm-notify-padding: var(--crm-m2);
---crm-notify-col: var(--crm-c-light-text);
+--crm-notify-col: var(--crm-c-text-light);
 --crm-notify-accent-border: 2px 0 0 0; /* adds a border to one/several sides of the notification - set to 0 for none *
 --crm-notify-radius: var(--crm-roundness);
 /* Icons *
@@ -395,14 +394,14 @@
 --crm-wizard-height: 30px;
 --crm-wizard-radius: var(--crm-l);
 --crm-wizard-angle: 0px;
---crm-wizard-active-col: var(--crm-c-light-text);
+--crm-wizard-active-col: var(--crm-c-text-light);
 --crm-wizard-active-bg: var(--crm-c-link);
 --crm-wizard-border: var(--crm-c-divider);
 --crm-wizard-bg: var(--crm-c-page-background);
 /* Alpha filter *
 --crm-filter-bg: var(--crm-c-blue-light);
 --crm-filter-padding: var(--crm-m);
---crm-filter-item-bg:  #fafafa;
+--crm-filter-item-bg: #fafafa;
 --crm-filter-item-shadow: 0px 0px 3px rgba(0,0,0,0.1);
 --crm-filter-spacing: start; /* choose 'space-between' to spread out evenly, or 'end' to right align. */
 /* Frontend *