:root {
/* Colors
#1a1a1f rgb(26, 26, 31)
#3e4047 rgb(62, 64, 71)
#6f7480 rgb(111, 116, 128)
#b2b8c4 rgb(178, 184, 196)

#cbd0d8 rgb(203, 208, 216)
#e7ebf2 rgb(231, 235, 242)

#ffffff rgb(255, 255, 255)

Blue: #0000ff rgb(0, 0, 255)
Aqua: #00ffff rgb(0, 255, 255)
Green: #4fff00 rgb(79, 255, 0)
Pink: #ff00c7 rgb(255, 0, 199)
Yellow: #fff500 rgb(255, 245, 0)
Orange: #f46600 rgb(244, 102, 0)
*/
/* Salesfroce Used */
--lwc-colorBackground: #1a1a1f;
--lwc-colorPageBackground: #1a1a1f;
--lwc-colorBackgroundButtonDefaultHover:#ff0000;
--slds-g-color-surface-1: #1a1a1f;
--lwc-colorForegroundPrimary: rgb(26, 26, 31);

/* Main */
--octave-background-color: #1a1a1f;
--octave-text-color: #ffffff;
--octave-label-color: #cbd0d8;
--octave-metadata-color: #cbd0d8;
--octave-region-background-color: #3e4047;
--octave-link-text-color: #ffffff;
--octave-link-text-color-hover: #00ffff;
--octave-link-text-outline-color: #00ffff;
--octave-error-text: #f46600;
--octave-required: #f46600;
--octave-page-header-background-color: #3e4047;

/* Popup */  
--octave-popup-background-color: #1a1a1f; /*#3e4047*/
--octave-popup-border-color: #b2b8c4;

/* Popover */
--octave-popover-background-color: #1a1a1f;
--octave-popover-tooltip-background-color: #3e4047;
--octave-popover-tooltip-advance-background-color: #0000ff;
--octave-popover-tooltip-color: #ffffff;

/* nubbin */
--octave-nubbin-box-shadow: -1px -1px 0 0 #6f7480;

/* spinner */
--octave-spinner-background-color: #1a1a1f;

/* Input */
--octave-input-background-color: #3e4047; /*#6f7480*/
--octave-input-border: 1px solid #6f7480; /*#b2b8c4*/
--octave-input-border-color: #6f7480;
--octave-input-text-color: #ffffff;
--octave-input-text-disabled-color: #b2b8c4;;
--octave-input-border-focus: none;
--octave-input-border-color-focus: none;
--octave-input-box-shadow-focus: 0 0 0 2px #00ffff;
--octave-input-placeholder-text-color: rgba(178, 184, 196, 0.6);
--octave-select-option-background-color-hover: #6f7480; /*#6f7480*/
--octave-select-option-shadow-hover: 0 0 0 1px #b2b8c4;
--octave-radio-background-color: #3e4047;
--octave-radio-background-color-checked: #00ffff;
--octave-radio-border-color-checked: #00ffff;
--octave-radio-background-color-focus: #00ffff;
--octave-radio-border-color-focus: #00ffff;
--octave-radio-border-color-focus-checked: transparent;

/* Full text Editor, Rich Text Editor */
--octave-richtexteditor-background-color: #3e4047; /*#6f7480*/
--octave-richtexteditor-text-color: #ffffff;
--octave-richtexteditor-toolbar-background-color: #3e4047;
--octave-richtexteditor-border-focus: none;
--octave-richtexteditor-shadow-focus: 0 0 0 2px #00ffff;

/* Navigation Menus */
--octave-nav-background-color: #1a1a1f;
--octave-nav-border-bottom-separator: 1px solid #3e4047;
--octave-nav-background-color-hover: #6f7480;
--octave-nav-text-color: #ffffff;
--octave-nav-text-color-hover: #ffffff;
/* Left Menus */
--octave-leftnav-background-color: #3e4047;
--octave-leftnav-text-color: #ffffff;

/* Category Menus */
--octave-category-background-color: #3e4047;
--octave-category-background-color-hover: #6f7480;
/* Tab  */
--octave-tab-background-color: #3e4047;
--octave-tab-text-color: #ffffff;
/* Main Search  */
--octave-main-search-background-color: #3e4047;

/* Sub Search  */
--octave-search-icon-color: #b2b8c4;
--octave-search-button-border: 1px solid #00ffff;
--octave-search-button-background-color-hover: #ffffff;
--octave-search-button-background-color-focus: #6f7480;
--octave-search-button-text-color-hover: #1a1a1f;

/* Chatter feed Menus */
--octave-case-feed-content-background-color: #b2b8c4;
--octave-case-feed-content-text-color: #1a1a1f;
--octave-case-feed-content-padding: 10px;
--octave-case-feed-content-border-radius: 5px;
--octave-case-feed-content-box-shadow: 2px 2px 4px 0px #cbd0d8;
--octave-case-feed-content-margin: 10px;
--octave-case-feed-item-padding: 20px 0;
--octave-case-feed-metadata-color: #6f7480;

/* Buttons */
--octave-button-background: Transparent;
--octave-button-background-color: Transparent;
--octave-button-text-color: #00ffff;
--octave-button-border: 2px solid #00ffff;
--octave-button-border-color: #00ffff;
--octave-button-border-width: 2px;
--octave-button-border-radius: 24px;

--octave-button-text-color-hover: #3e4047;
--octave-button-background-hover: #ffffff;
--octave-button-background-color-hover: #ffffff;
--octave-button-border-hover: 2px solid #ffffff;
--octave-button-border-color-hover: #ffffff;

--octave-button-text-color-active: #3e4047; 
--octave-button-background-active: #ffffff;
--octave-button-background-color-active: #ffffff;
--octave-button-border-active: 2px solid #ffffff;
--octave-button-border-color-active: #ffffff;

/* Inline Buttons */
--octave-inline-button-text-color: #00ffff;
--octave-inline-button-background: Transparent;
--octave-inline-button-background-color: Transparent;
--octave-inline-button-border: 1px solid #00ffff;
--octave-inline-button-border-color: #00ffff;
--octave-inline-button-border-radius: 5px;

--octave-inline-button-text-color-hover: #3e4047;
--octave-inline-button-background-hover: #ffffff;
--octave-inline-button-background-color-hover: #ffffff;
--octave-inline-button-border-hover: 1px solid #ffffff;
--octave-inline-button-border-color-hover: #ffffff;

/* Icon Buttons */
--octave-icon-background-color: transparent;
--octave-icon-background-color-filled: #3e4047;/*3e4047*/
--octave-icon-fill-color: #e7ebf2; /*#cbd0d8*/
--octave-icon-fill-color-hover: #1a1a1f;
--octave-icon-background-color-filled-disabled: #6f7480;

--octave-icon-border: none;
--octave-icon-border-color: transparent;
--octave-icon-color: #ffffff;
--octave-icon-small-width: 28px;
--octave-icon-small-height: 28px;
--octave-icon-small-border-width: 1px;

--octave-icon-more-background-color: #3e4047;
--octave-icon-more-border-color: #00ffff;
--octave-icon-more-fill-color: #ffffff;

--octave-icon-more-background-color-hover: #ffffff;
--octave-icon-more-border-color-hover: #ffffff;
--octave-icon-more-fill-color-hover: #3e4047;

--octave-icon-selected-background-color: #ffffff;
--octave-icon-selected-border-color: #ffffff;
--octave-icon-selected-color: #3e4047;

--octave-icon-selected-background-color-hover: #ffffff;
--octave-icon-selected-border-color-hover: #ffffff;
--octave-icon-selected-color-hover: #3e4047;

--octave-tab-bottom-border-color: #00ffff;
--octave-tab-bottom-border: 3px solid #00ffff;
--octave-list-background: #3e4047;

/*Forms*/
--octave-form-border-bottom-color: #3e4047; /*#3e4047 #b2b8c4*/

/* KB Article */
--octave-article-background-color: #ffffff;/*#1a1a1f #ffffff #B2B8C4 #cbd0d8*/
--octave-article-text-color: #1a1a1f;/*#ffffff #1a1a1f*/
--octave-article-label-color: #6f7480; /*#b2b8c4 #6f7480*/
--octave-article-border-radius: 10px;


/* Discussions */
--octave-discussion-background-color: #1a1a1f;/*#1a1a1f #ffffff #B2B8C4 #cbd0d8*/
--octave-discussion-text-color: #ffffff;/*#ffffff #1a1a1f*/


/* Mark & search highlight */
--octave-mark-background: #ffffcc;
--octave-mark-background-color: #ffffcc;
--octave-mark-text-color: #000000;
--octave-mark-padding-left: 2px;
--octave-mark-padding-right: 2px;

/* data or record table */
--octave-table-nocellfocus-background-color-hover: #6f7480;
--octave-table-nocellfocus-text-color-hover: #1a1a1f;
--octave-table-edit-cell-background-color: #b2b8c4;
--octave-table-edit-cell-background-color-hover: #b2b8c4;
--octave-table-action-background-color-hover: #6f7480;
--octave-table-action-text-color-hover: #ffffff;
--octave-table-reset-text-color: #b2b8c4;
--octave-table-row-background-color-hover: #3e4047;

/* Profile menu */
--octave-profile-menu-text-color: #00ffff;
--octave-profile-menu-background-color: transparent;
--octave-profile-menu-background-color-hover: #6f7480;
--octave-profile-menu-text-color-hover: #ffffff;

/* Salesforce */
--lwc-tableColorBackgroundHeaderHover: #b2b8c4;
--lwc-brandAccessibleActive: #b2b8c4;
--slds-g-color-neutral-base-95: #3e4047;
--slds-c-tabs-item-text-color-active: #ffffff;
--slds-c-tabs-item-text-color-hover: #ffffff;
--slds-c-button-color-border:#00ffff;
--lwc-colorContentAreaBackground: #3e4047;
--slds-c-tabs-item-text-color-hover: #ffffff;
--sds-c-input-color-background: #6f7480;
--sds-c-input-color-background: #6f7480;
--lwc-colorTextBrandPrimary: #ffffff;
}