diff --git a/src/components/quick-actions/quick-actions.vue b/src/components/quick-actions/quick-actions.vue index 0546eeb8..b20f0de7 100644 --- a/src/components/quick-actions/quick-actions.vue +++ b/src/components/quick-actions/quick-actions.vue @@ -507,6 +507,8 @@ export default { .active-cmd { font-size: 1.25rem; margin-left: .5rem; + background-color: var(--grey-100); + color: var(--grey-800); } } diff --git a/src/styles/custom-properties/colors.scss b/src/styles/custom-properties/colors.scss index 6e379ded..3b23f3ee 100644 --- a/src/styles/custom-properties/colors.scss +++ b/src/styles/custom-properties/colors.scss @@ -76,7 +76,9 @@ --card-border-color: var(--grey-200); --logo-text-color: hsl(180, 1%, 15%); - + --link: var(--primary); + --link-hover: hsla(var(--primary-h), var(--primary-s), var(--primary-l), .75); + --border: var(--grey-200); &.dark { // Light mode colours reversed for dark mode