Merge pull request #2490 from Safelite/CASH-313-chat-style-updates

CASH-313 style updates.
This commit is contained in:
bmauger 2025-05-07 10:05:44 -04:00 committed by GitHub
commit 354279ea6c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -68,40 +68,40 @@ export default {
.dockableContainer { .dockableContainer {
&.showDockableContainer { &.showDockableContainer {
font-family: AvertaRegular; font-family: AvertaRegular;
color: #4d5151; color: $gray-600;
.sidebarBody { .sidebarBody {
button { button {
background: #0070d1; background: $blue;
color: #fff; color: $white;
&:hover { &:hover {
background: #06577c !important; background: $blue-700 !important;
} }
} }
.form-element__help { .form-element__help {
color: #db0020; color: $red;
} }
.embeddedServiceSidebarFormField { .embeddedServiceSidebarFormField {
.uiInput { .uiInput {
.uiLabel-left { .uiLabel-left {
color: #4d5151; color: $gray-600;
} }
} }
} }
.embeddedServiceSidebarButton { .embeddedServiceSidebarButton {
&.uiButton--inverse { &.uiButton--inverse {
.label { .label {
color: #fff; color: $white;
text-decoration: underline; text-decoration: underline;
} }
&:not(:disabled):focus { &:not(:disabled):focus {
background-color: #0070d1; background-color: $blue;
} }
} }
} }
.embeddedServiceLiveAgentStateChatAvatar { .embeddedServiceLiveAgentStateChatAvatar {
&.isLightningOutContext { &.isLightningOutContext {
.agentIconColor0 { .agentIconColor0 {
background-color: #0070d1; background-color: $blue;
} }
} }
} }
@ -130,11 +130,11 @@ export default {
} }
} }
.chatHeaderBranding { .chatHeaderBranding {
background-color: #0070d1; background-color: $blue;
} }
span { span {
&.required { &.required {
color: #db0020; color: $red;
} }
} }
} }
@ -142,7 +142,7 @@ export default {
.embeddedServiceHelpButton { .embeddedServiceHelpButton {
.helpButton { .helpButton {
.uiButton { .uiButton {
background-color: #0070d1 !important; background-color: $blue !important;
} }
} }
.embeddedServiceIcon { .embeddedServiceIcon {
@ -158,8 +158,8 @@ export default {
.sidebarHeader { .sidebarHeader {
&.minimizedContainer { &.minimizedContainer {
.embeddedServiceSidebarMinimizedDefaultUI { .embeddedServiceSidebarMinimizedDefaultUI {
background-color: #0070d1; background-color: $blue;
border: 1px solid #0070d1; border: 1px solid $blue;
} }
} }
} }