From 855c81ecc6efd8ddf363a59ef75b1e106f1f151f Mon Sep 17 00:00:00 2001 From: daria Date: Tue, 19 Dec 2023 15:01:52 +0200 Subject: [PATCH 1/2] add outline to focused elements --- customize.dist/src/less2/include/toolbar.less | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/customize.dist/src/less2/include/toolbar.less b/customize.dist/src/less2/include/toolbar.less index 2f66891d6..4bdef746c 100644 --- a/customize.dist/src/less2/include/toolbar.less +++ b/customize.dist/src/less2/include/toolbar.less @@ -360,11 +360,9 @@ .cp-toolbar { * { - outline-width: 0; + outline-style: none; &:focus { - outline-width: 1rem; - // color shows on chrome/edge, but not firefox - outline-color: grey; // XXX temporary color to change + outline: blue solid 2px; } } @@ -767,6 +765,7 @@ padding: 10px; color: @toolbar-bg-color; color: var(--toolbar-bg-color); + border-radius: 5px; span { font-size: 45px; From f5b429c4748d47f5305cdc47ebd1eaa1b169f900 Mon Sep 17 00:00:00 2001 From: daria Date: Tue, 19 Dec 2023 15:21:47 +0200 Subject: [PATCH 2/2] change outline color --- customize.dist/src/less2/include/toolbar.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/customize.dist/src/less2/include/toolbar.less b/customize.dist/src/less2/include/toolbar.less index 7146d5436..12c3736fc 100644 --- a/customize.dist/src/less2/include/toolbar.less +++ b/customize.dist/src/less2/include/toolbar.less @@ -367,7 +367,7 @@ * { outline-style: none; &:focus { - outline: blue solid 2px; + outline: @cryptpad_color_brand solid 2px; } }