From d4703e7c9d9f571490f85f82f1ca0867c363c1a7 Mon Sep 17 00:00:00 2001 From: copyleftie Date: Sat, 1 Jun 2019 01:11:32 -0400 Subject: [PATCH 1/2] fix: simplify grayscale theme --- src/scss/themes/rio-grayscale.scss | 52 +----------------------------- 1 file changed, 1 insertion(+), 51 deletions(-) diff --git a/src/scss/themes/rio-grayscale.scss b/src/scss/themes/rio-grayscale.scss index 62f4147..24909de 100644 --- a/src/scss/themes/rio-grayscale.scss +++ b/src/scss/themes/rio-grayscale.scss @@ -1,54 +1,4 @@ -$main-theme-color: #999999; -$body-bg-color: #4D4D4D; -$anchor-color: #2A5858; -$main-text-color: #000000; -$border-color: #9EEEEE; -$main-bg-color: #FFFFFF; -$secondary-text-color: #444444; -$toast-border: #9EEEEE; -$toast-bg: #999999; -$focus-outline: #55AAAA; -$compose-background: lighten($main-theme-color, 32%); - -@import "_base.scss"; - -$scrollbar-face: #FFFFFF !default; -$scrollbar-face-hover: #FFFFFF !default; -$scrollbar-face-active: #FFFFFF !default; -$scrollbar-track: #999999 !default; -@import "_scrollbars.scss"; - -:root { - - /* idea is navbar as rio's right-click menu */ - --nav-bg: #E9FFE9; - --nav-border: #88CC88; - --nav-active-bg: #448844; - --nav-a-selected-bg: #448844; - --nav-a-selected-active-bg: #448844; - --nav-text-color: #000000; - --nav-text-color-hover: #FFFFFF; - --nav-a-bg-hover: #448844; - --nav-a-selected-border: #88CCCC; - --nav-a-border-hover: #88CCCC; - - --settings-list-item-text: #{$anchor-color}; -} - -a, a.main-nav-link.svelte-my25xk, .settings-list-item { - text-decoration: underline; -} -a.mention.u-url, a:hover, a:active, ::selection { - background: #CCCCCC; -} -a.mention.u-url:hover, a.mention.u-url:active { - background: #2A5858; - color: #CCCCCC; -} -a.status-author-name, a.status-header-author { - text-decoration: none; - border-bottom: solid 1px #000000; -} +@import "rio.scss" img { filter: grayscale(100%); From dcedf2c8d6ac4dd19fa46ae6e944cf965703bc38 Mon Sep 17 00:00:00 2001 From: copyleftie Date: Sat, 1 Jun 2019 01:28:58 -0400 Subject: [PATCH 2/2] fix: handle link styles on text selection, and on focus --- src/scss/themes/rio.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/scss/themes/rio.scss b/src/scss/themes/rio.scss index 37615de..72ed950 100644 --- a/src/scss/themes/rio.scss +++ b/src/scss/themes/rio.scss @@ -38,10 +38,10 @@ $scrollbar-track: #999999 !default; a, a.main-nav-link.svelte-my25xk, .settings-list-item { text-decoration: underline; } -a.mention.u-url, a:hover, a:active, ::selection { +a.mention.u-url, a:hover, a:active, a:focus, ::selection { background: #CCCCCC; } -a.mention.u-url:hover, a.mention.u-url:active { +a.mention.u-url:hover, a.mention.u-url:active, a.mention.u-url:focus, a::selection, a ::selection { background: #2A5858; color: #CCCCCC; }