From 00f117b172b1fa2f873fe7c2d527c94cd46b4937 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC=2Eeth?= Date: Fri, 22 Mar 2024 17:16:14 +0900 Subject: [PATCH 1/5] fix: light mode background --- static/style/inverted-style.css | 10 ++++------ static/style/special.css | 18 +++++++++++++++--- static/style/style.css | 10 ++++------ 3 files changed, 23 insertions(+), 15 deletions(-) diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css index a5fab435..2f4a07dc 100644 --- a/static/style/inverted-style.css +++ b/static/style/inverted-style.css @@ -94,8 +94,8 @@ margin: 4px; filter: blur(4px); display: block; - border-color: var(--border-color); - box-shadow: inset 0 0 24px #00bfff10; + /* border-color: var(--border-color); */ + /* box-shadow: inset 0 0 24px #00bfff10; */ } #issues-container > div.selected, #issues-container > div.selected .info, @@ -405,9 +405,7 @@ #issues-container img[src] { opacity: 1; } - background { - background-color: var(--dark-background); - } + background, background #grid { width: 100%; @@ -555,7 +553,7 @@ padding: 16px; max-height: calc(100vh - (80px)); max-height: calc(100vh - (242px)); - border-color: var(--border-color); + /* border-color: var(--border-color); */ } .preview-content { width: 100%; diff --git a/static/style/special.css b/static/style/special.css index 266d7125..b622ac07 100644 --- a/static/style/special.css +++ b/static/style/special.css @@ -1,11 +1,14 @@ :root { --dark-background: #000410; --dark-background-half: #00041080; - --light-background: #f0f0f0; - --light-background-half: #f0f0f080; + --light-background: #f8f8f8; + --light-background-half: #f8f8f880; } @media (prefers-color-scheme: dark) { + background { + background-color: var(--dark-background); + } html, #issues-container > div, .preview { @@ -13,6 +16,7 @@ border-color: var(--border-color); border-color: #80808020; } + #issues-container > div, .preview > .preview-content { box-shadow: inset 0 0 24px #00bfff18; } @@ -28,8 +32,16 @@ } @media (prefers-color-scheme: light) { + #issues-container > div, + .preview > .preview-content { + box-shadow: inset 0 0 24px #00000008; + } + background { + /* background-color: var(--light-background); */ + } #grid { - opacity: 0.25; + /* opacity: 0.25; */ + filter: invert(1); } #issues-container > div, .preview { diff --git a/static/style/style.css b/static/style/style.css index c49e60dc..8b7bcd67 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -94,8 +94,8 @@ margin: 4px; filter: blur(4px); display: block; - border-color: var(--border-color); - box-shadow: inset 0 0 24px #00bfff10; + /* border-color: var(--border-color); */ + /* box-shadow: inset 0 0 24px #00bfff10; */ } #issues-container > div.selected, #issues-container > div.selected .info, @@ -405,9 +405,7 @@ #issues-container img[src] { opacity: 1; } - background { - background-color: var(--dark-background); - } + background, background #grid { width: 100%; @@ -555,7 +553,7 @@ padding: 16px; max-height: calc(100vh - (80px)); max-height: calc(100vh - (242px)); - border-color: var(--border-color); + /* border-color: var(--border-color); */ } .preview-content { width: 100%; From 8d104faec8aee8ca913b0262987ea8c90b770736 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC=2Eeth?= Date: Fri, 22 Mar 2024 17:22:32 +0900 Subject: [PATCH 2/5] fix: preview modal width for mobile --- static/style/inverted-style.css | 2 +- static/style/style.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css index 2f4a07dc..339b33b1 100644 --- a/static/style/inverted-style.css +++ b/static/style/inverted-style.css @@ -493,7 +493,7 @@ /* flex-wrap: wrap; */ pointer-events: none; /* overflow: hidden; */ - /* width: calc(100vw - 14px); */ + width: calc(100vw - 14px); } .preview * { pointer-events: none; diff --git a/static/style/style.css b/static/style/style.css index 8b7bcd67..1664c11a 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -493,7 +493,7 @@ /* flex-wrap: wrap; */ pointer-events: none; /* overflow: hidden; */ - /* width: calc(100vw - 14px); */ + width: calc(100vw - 14px); } .preview * { pointer-events: none; From be9b68ea3381089971ea5432c4187bca05edb874 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC=2Eeth?= Date: Fri, 22 Mar 2024 17:35:09 +0900 Subject: [PATCH 3/5] fix: bottom bar more opaque when page is ready --- static/style/special.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/static/style/special.css b/static/style/special.css index b622ac07..99d6a7a4 100644 --- a/static/style/special.css +++ b/static/style/special.css @@ -29,6 +29,9 @@ /* border-width: 0; */ animation: highlight-dark-mode 1s ease-in-out infinite alternate; } + .grid-loaded #bottom-bar { + background-color: var(--dark-background-half); + } } @media (prefers-color-scheme: light) { @@ -50,6 +53,9 @@ .toolbar.ready { background-color: var(--light-background-half); } + .grid-loaded #bottom-bar { + background-color: var(--light-background-half); + } body.preview-active button#github-login-button.highlight { animation: highlight-light-mode 1s ease-in-out infinite alternate; } From fbbc8a50011a048b4e4c9457a63df91a096c41e7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC=2Eeth?= Date: Fri, 22 Mar 2024 18:00:26 +0900 Subject: [PATCH 4/5] fix: inset shadows less prominent green --- static/style/special.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/static/style/special.css b/static/style/special.css index 99d6a7a4..e32b551c 100644 --- a/static/style/special.css +++ b/static/style/special.css @@ -1,6 +1,6 @@ :root { - --dark-background: #000410; - --dark-background-half: #00041080; + --dark-background: #000210; + --dark-background-half: #00021080; --light-background: #f8f8f8; --light-background-half: #f8f8f880; } @@ -18,7 +18,7 @@ } #issues-container > div, .preview > .preview-content { - box-shadow: inset 0 0 24px #00bfff18; + box-shadow: inset 0 0 24px #0080ff18; } .toolbar.ready { From c654b866933406672e1921864d6add9714f9a801 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC=2Eeth?= Date: Fri, 22 Mar 2024 18:09:59 +0900 Subject: [PATCH 5/5] fix: less prominent inset shadow --- static/style/special.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/style/special.css b/static/style/special.css index e32b551c..cacf08d3 100644 --- a/static/style/special.css +++ b/static/style/special.css @@ -18,7 +18,7 @@ } #issues-container > div, .preview > .preview-content { - box-shadow: inset 0 0 24px #0080ff18; + box-shadow: inset 0 0 24px #0080ff08; } .toolbar.ready {