diff --git a/src/styles/_colors.scss b/src/styles/_colors.scss index 397b767..264bdc1 100644 --- a/src/styles/_colors.scss +++ b/src/styles/_colors.scss @@ -93,6 +93,14 @@ $colors: ( light: rgba(0, 0, 0, 0.1), dark: rgba(255, 255, 255, 0.1) ), + tapback-background: ( + light: rgba(255, 255, 255, 1), + dark: rgba(45, 45, 46, 255) + ), + to-text: ( + light: rgba(0, 0, 0, 0.6), + dark: rgba(157, 157, 157, 1) + ), lp-bottom-caption: rgb(142, 142, 145) ); diff --git a/src/styles/ack-picker/AcknowledgmentPicker.scss b/src/styles/ack-picker/AcknowledgmentPicker.scss index a946c69..0a444df 100644 --- a/src/styles/ack-picker/AcknowledgmentPicker.scss +++ b/src/styles/ack-picker/AcknowledgmentPicker.scss @@ -13,9 +13,7 @@ width: 200px; column-gap: 5px; - background: white; - - border-radius: 25px; + background: var(--tapback-background); padding: 2.5px 7.5px; @@ -39,7 +37,7 @@ } &::before { - background-color: white; + background-color: var(--tapback-background); } &[attr-selected=true] { diff --git a/src/styles/toolbar/_transcript-toolbar.scss b/src/styles/toolbar/_transcript-toolbar.scss index c97cf47..c4ec927 100644 --- a/src/styles/toolbar/_transcript-toolbar.scss +++ b/src/styles/toolbar/_transcript-toolbar.scss @@ -13,7 +13,7 @@ &::before { content: 'To: '; - color: rgba(0, 0, 0, 0.6); + color: var(--to-text); } } diff --git a/src/styles/transcript/items/LPRichLink.scss b/src/styles/transcript/items/LPRichLink.scss index 1d4a615..6de7f51 100644 --- a/src/styles/transcript/items/LPRichLink.scss +++ b/src/styles/transcript/items/LPRichLink.scss @@ -8,7 +8,7 @@ --lp-background-override: var(--dark-lp-background-override); } - background-color: var(--lp-background-override, rgb(229, 230, 233)); + background-color: var(--lp-background-override, var(--not-from-me)); max-width: 300px;