react-admin-base-bootstrap 0.8.6 → 0.8.8

package/assets/main.css

@@ -1359,22 +1359,22 @@
 }
 
 .react-select-container .react-select__control {
-    background-color: var(--bs-body-bg);
-    border-color: var(--bs-gray-300);
+    background-color: var(--bs-form-select-bg);
+    border-color: var(--bs-form-select-border-color);
     transition: none;
 }
 
 .react-select-container .react-select__control:hover {
-    border-color: var(--bs-gray-300);
+    border-color: var(--bs-form-select-border-color);
 }
 
 .react-select-container .react-select__menu {
-    background-color: var(--bs-body-bg);
-    border: 1px solid var(--bs-gray-300);
+    background-color: var(--bs-form-select-bg);
+    border: 1px solid var(--bs-form-select-border-color);
 }
 
 .react-select-container .react-select__option {
-    background-color: var(--bs-body-bg);
+    background-color: var(--bs-form-select-bg);
 }
 
 .react-select-container .react-select__option:hover {
@@ -1382,7 +1382,7 @@
 }
 
 .react-select-container .react-select__option--is-selected {
-    color: var(--bs-dark);
+    color: var(--bs-form-selected-color);
 }
 
 .react-select-container .react-select__indicator-separator {
@@ -1392,5 +1392,117 @@
 .react-select-container .react-select__placeholder,
 .react-select-container .react-select__single-value
 {
-    color: var(--bs-gray-700);
+    color: var(--bs-form-select-color);
+}
+
+.ck-body-wrapper {
+    z-index: 100000000;
+    position: relative;
 }
+
+body  {
+    --ck-custom-background: var(--bs-form-select-bg);
+    --ck-custom-foreground: var(--bs-form-select-color);
+    --ck-custom-border: var(--bs-form-select-border-color);
+    --ck-color-focus-outer-shadow: var(--bs-form-select-border-color);
+
+    --ck-focus-outer-shadow: none;
+
+    --ck-custom-white: var(--bs-form-select-bg);
+
+    /* Overrides the border radius setting in the theme. */
+    --ck-border-radius: 4px;
+
+    /* -- Overrides generic colors. ------------------------------------------------------------- */
+
+    --ck-color-base-foreground: var(--ck-custom-background);
+    --ck-color-base-border: var(--bs-form-select-border-color);
+    --ck-focus-ring: 1px solid var(--ck-color-focus-border);
+
+    --ck-color-focus-border: var(--bs-form-select-border-color);
+    --ck-color-text: var(--bs-form-select-text);
+    /*
+    --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2);
+    --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1);
+*/
+    --ck-color-base-active: var(--ck-custom-background);
+    --ck-color-base-active-focus: var(--ck-custom-background);
+    --ck-color-base-background: var(--ck-custom-background);
+
+
+    /* -- Overrides the default .ck-button class colors. ---------------------------------------- */
+
+    --ck-color-button-default-background: var(--ck-custom-background);
+    --ck-color-button-default-hover-background: var(--ck-custom-border);
+    --ck-color-button-default-active-background: var(--ck-custom-border);
+    --ck-color-button-default-active-shadow: var(--ck-custom-border);
+    --ck-color-button-default-disabled-background: var(--ck-custom-background);
+
+    --ck-color-button-on-background: var(--ck-color-focus-border);
+    --ck-color-button-on-hover-background: var(--ck-custom-border);
+    --ck-color-button-on-active-background: var(--ck-custom-border);
+    --ck-color-button-on-active-shadow: var(--ck-custom-border);
+    --ck-color-button-on-disabled-background: var(--ck-custom-foreground);
+/*
+    --ck-color-button-action-background: hsl(168, 76%, 42%);
+    --ck-color-button-action-hover-background: hsl(168, 76%, 38%);
+    --ck-color-button-action-active-background: hsl(168, 76%, 36%);
+    --ck-color-button-action-active-shadow: hsl(168, 75%, 34%);
+    --ck-color-button-action-disabled-background: hsl(168, 76%, 42%);
+*/
+    --ck-color-button-action-text: var(--ck-custom-white);
+
+    --ck-color-button-save: hsl(120, 100%, 46%);
+    --ck-color-button-cancel: hsl(15, 100%, 56%);
+
+    /* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
+
+    --ck-color-dropdown-panel-background: var(--ck-custom-background);
+    --ck-color-dropdown-panel-border: var(--ck-custom-border);
+
+    /* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
+
+    --ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);
+    --ck-color-split-button-hover-border: var(--ck-custom-foreground);
+
+    /* -- Overrides the default .ck-input class colors. ----------------------------------------- */
+
+    --ck-color-input-background: var(--ck-custom-background);
+    /*
+    --ck-color-input-border: hsl(257, 3%, 43%);
+    --ck-color-input-text: hsl(0, 0%, 98%);
+    --ck-color-input-disabled-background: hsl(255, 4%, 21%);
+    --ck-color-input-disabled-border: hsl(250, 3%, 38%);
+    --ck-color-input-disabled-text: hsl(0, 0%, 78%);
+*/
+    /* -- Overrides the default .ck-labeled-field-view class colors. ---------------------------- */
+
+    --ck-color-labeled-field-label-background: var(--ck-custom-background);
+
+    /* -- Overrides the default .ck-list class colors. ------------------------------------------ */
+
+    --ck-color-list-background: var(--ck-custom-background);
+    --ck-color-list-button-hover-background: var(--bs-gray-300);
+    --ck-color-list-button-on-background: var(--ck-color-base-active);
+    --ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);
+    --ck-color-list-button-on-text: var(--bs-form-select-color);
+
+    --ck-color-panel-background: var(--ck-custom-background);
+    --ck-color-panel-border: var(--ck-custom-border);
+
+    --ck-color-toolbar-background: var(--ck-custom-background);
+    --ck-color-toolbar-border: var(--ck-custom-border);
+/*
+    --ck-color-tooltip-background: hsl(252, 7%, 14%);
+    --ck-color-tooltip-text: hsl(0, 0%, 93%);
+
+    --ck-color-image-caption-background: hsl(0, 0%, 97%);
+    --ck-color-image-caption-text: hsl(0, 0%, 20%);
+
+    --ck-color-widget-blurred-border: hsl(0, 0%, 87%);
+    --ck-color-widget-hover-border: hsl(43, 100%, 68%);
+    --ck-color-widget-editable-focus-background: var(--ck-custom-white);
+
+    --ck-color-link-default: hsl(190, 100%, 75%);
+*/
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-admin-base-bootstrap",
-  "version": "0.8.6",
+  "version": "0.8.8",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",