Highlight support in presets

CHANGELOG.md

@@ -6,6 +6,7 @@
 1. [](#improved)
     * Removed sourcemaps references from fork-awesome.min.css [#2122](https://github.com/getgrav/grav-plugin-admin/issues/2122)
     * Support native spell checkers in CodeMirror editor [#1266](https://github.com/getgrav/grav-plugin-admin/issues/1266)
+    * Added new 'Content Highlight' color to presets
 1. [](#bugfix)
     * Moved preset CSS compile to earlier in the process to ensure compilation happens in time.
     * Prevent Save actions from Flex Objects to trigger the unsaved unload notice [#2125](https://github.com/getgrav/grav-plugin-admin/issues/2125)

blueprints.yaml

@@ -513,6 +513,11 @@ form:
                   default: '#d1dee7'
                   help: PLUGIN_ADMIN.CONTENT_TABS_TEXT_HELP
 
+                whitelabel.color_scheme.colors.content-highlight:
+                  type: colorscheme.color
+                  default: '#ffffd7'
+                  help: PLUGIN_ADMIN.CONTENT_HIGHLIGHT_HELP
+
                 whitelabel.color_scheme.colors.button-bg:
                   type: colorscheme.color
                   default: '#41bea8'

languages/en.yaml

@@ -1044,6 +1044,7 @@ PLUGIN_ADMIN:
   CONTENT_HEADER_HELP: "Content header"
   CONTENT_TABS_BG_HELP: "Content tabs bg"
   CONTENT_TABS_TEXT_HELP: "Content tabs text"
+  CONTENT_HIGHLIGHT_HELP: "Content highlight"
   BUTTON_BG_HELP: "Button bg"
   BUTTON_TEXT_HELP: "Button text"
   NOTICE_BG_HELP: "Notice bg"

presets.yaml

@@ -26,6 +26,7 @@ default:
     content-header: '#414147'
     content-tabs-bg: '#e6e6e6'
     content-tabs-text: '#808080'
+    content-highlight: '#ffffd7'
     button-bg: '#0090D9'
     button-text: '#ffffff'
     notice-bg: '#06A599'
@@ -62,6 +63,7 @@ original:
     content-header: '#314d5b'
     content-tabs-bg: '#D4D4D4'
     content-tabs-text: '#737c81'
+    content-highlight: '#ffffd7'
     button-bg: '#41bea8'
     button-text: '#ffffff'
     notice-bg: '#00a6cf'
@@ -98,6 +100,7 @@ modern:
     content-header: '#636468'
     content-tabs-bg: '#f0f0f0'
     content-tabs-text: '#929699'
+    content-highlight: '#ffffd7'
     button-bg: '#3EA7E6'
     button-text: '#ffffff'
     notice-bg: '#3EA7E6'
@@ -134,6 +137,7 @@ modern-dark:
     content-header: '#b4bed6'
     content-tabs-bg: '#4a5873'
     content-tabs-text: '#d1ddf0'
+    content-highlight: '#ffffd7'
     button-bg: '#3EA7E6'
     button-text: '#ffffff'
     notice-bg: '#3EA7E6'
@@ -170,6 +174,7 @@ modern-lite:
     content-header: '#636468'
     content-tabs-bg: '#f0f0f0'
     content-tabs-text: '#929699'
+    content-highlight: '#ffffd7'
     button-bg: '#3EA7E6'
     button-text: '#ffffff'
     notice-bg: '#f24d77'
@@ -206,6 +211,7 @@ one-dark:
     content-header: '#727C8C'
     content-tabs-bg: '#25272E'
     content-tabs-text: '#9ea5b3'
+    content-highlight: '#ffffd7'
     button-bg: '#383F4C'
     button-text: '#d8dadf'
     notice-bg: '#18a4ba'
@@ -238,6 +244,7 @@ firewatch-light:
     content-header: '#635e53'
     content-tabs-bg: '#D6D3CC'
     content-tabs-text: '#6f6a5e'
+    content-highlight: '#ffffd7'
     button-bg: '#075289'
     button-text: '#faf8f5'
     notice-bg: '#718ECD'
@@ -278,6 +285,7 @@ remedy:
     content-header: '#F9E7C4'
     content-tabs-bg: '#272625'
     content-tabs-text: '#938977'
+    content-highlight: '#ffffd7'
     button-bg: '#5a7185'
     button-text: '#f9e7c4'
     notice-bg: '#5a7185'
@@ -314,6 +322,7 @@ ocean:
     content-header: '#636468'
     content-tabs-bg: '#eef6ff'
     content-tabs-text: '#41627a'
+    content-highlight: '#ffffd7'
     button-bg: '#027FD4'
     button-text: '#ffffff'
     notice-bg: '#8e5b8f'
@@ -350,6 +359,7 @@ cobalt2:
     content-header: '#ffc600'
     content-tabs-bg: '#173043'
     content-tabs-text: '#acb8c5'
+    content-highlight: '#ffffd7'
     button-bg: '#0476e0'
     button-text: '#ffffff'
     notice-bg: '#0476e0'

themes/grav/scss/preset.scss

@@ -9,9 +9,6 @@
 $logo-bg:                       #323640 !default;
 $logo-link:                     #FFFFFF !default;
 
-// Utilities
-$highlight:                     #ffffd7 !default;
-
 // Nav
 $nav-bg:                        #3D424E !default;
 $nav-text:                      #B7B9BD !default;
@@ -38,6 +35,7 @@ $content-link2:                 #da4b46 !default;
 $content-header:                #414147 !default;
 $content-tabs-bg:               #e3e3e3 !default;
 $content-tabs-text:             #808080 !default;
+$content-highlight:             #ffffd7 !default;
 
 // Buttons
 $button-bg:                     #0090D9 !default;
@@ -784,7 +782,7 @@ form {
         }
 
         input[name="data[folder]"].highlight {
-            background-color: $highlight;
+            background-color: $content-highlight;
         }
     }