diff --git a/ocean-dark.css b/ocean-dark.css
index cccd5dd..890e70d 100644
--- a/ocean-dark.css
+++ b/ocean-dark.css
@@ -572,7 +572,7 @@ body .global-menu-button {
  background-color: var(--deep-blue);
  border-color: var(--main-text-color) !important;
  outline: 0;
- box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
+ box-shadow: 0 0 0 0.2rem rgb(137, 180, 250 / 50%) !important /*carolina-blue*/;
 }
 
 .component.title-row{
@@ -587,7 +587,7 @@ body .global-menu-button {
  background-color: var(--deep-blue) !important;
  border-color: var(--main-text-color) !important;
  outline: 0;
- box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
+ box-shadow: 0 0 0 0.2rem rgb(137, 180, 250 / 50%) !important /*carolina-blue*/;
 }
 
 /***selection and find/replace (button)***/
@@ -633,7 +633,7 @@ button:focus :not(.close) :not(.help-button) :not(.ck-button-save) :not(.ck-butt
  background-color: var(--devils-gray-lol) !important;
  border-color: var(--main-text-color) !important;
  outline: 0;
- box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
+ box-shadow: 0 0 0 0.2rem rgb(137, 180, 250 / 50%) !important /*carolina-blue*/;
 }
 button:hover :not(.close) :not(.help-button) :not(.ck-button-save) :not(.ck-button-cancel), .btn:hover {
  background-color: var(--deep-blue) !important;
@@ -650,7 +650,7 @@ button:hover :not(.close) :not(.help-button) :not(.ck-button-save) :not(.ck-butt
 /*table field and button inputs*/
 .ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:active, a.ck.ck-button:focus, .ck.ck-input-text:focus {
  border: 1px solid var(--main-text-color) !important;
- box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
+ box-shadow: 0 0 0 0.2rem rgb(137, 180, 250 / 50%) !important /*carolina-blue*/;
 }
 .ck.ck-input-text[readonly]:focus {
  border: 1px solid var(--ck-color-input-disabled-border) !important;