From 198d662337a140a7743e7bc0dccb2d521c06e9b1 Mon Sep 17 00:00:00 2001 From: MAEDA Go Date: Wed, 12 Oct 2022 18:33:10 +0900 Subject: [PATCH 2/2] Adjust colors to improve readability --- public/stylesheets/application.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 6b32f8421..b14f0498b 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -1,10 +1,10 @@ :root { --color-text: #333; - --color-general-background: #eee; + --color-general-background: #f2f2f2; --color-table-header-background: #eee; - --color-box-background: #f6f6f6; - --color-issue-background: #ffffdd; - --color-tab-background: #fff; + --color-box-background: #f9f9f9; + --color-issue-background: #ffffe3; + --color-tab-background: var(--color-box-background); --color-tab-selected-background: #fff; --color-filecontent-background: #fafafa; --color-hover-line: #ffffdd; @@ -15,7 +15,7 @@ html {overflow-y:scroll;} body { font-family: Verdana, sans-serif; font-size: 12px; color: var(--color-text); margin: 0; padding: 0; min-width: 900px; } h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Verdana, sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;} -#content h1, h2, h3, h4, h5, h6 {color: #555;} +#content h1, h2, h3, h4, h5, h6 {color: var(--color-text);} h2 {font-size: 20px;} h3 {font-size: 16px;} h4 {font-size: 13px; border-bottom: 1px solid #ccc; font-weight:normal;} @@ -119,7 +119,7 @@ pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;} @media screen and (min-width: 1600px) and (max-width: 1919px) {#sidebar{width: 320px;}} @media screen and (min-width: 1920px) and (max-width: 2559px) {#sidebar{width: 360px;}} @media screen and (min-width: 2560px) {#sidebar{width: 380px;}} -#sidebar h3{ font-size: 14px; margin-top:14px; color: #666; } +#sidebar h3{ font-size: 14px; margin-top:14px; color: var(--color-text); } #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; } * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; } #sidebar .contextual { margin-right: 1em; } -- 2.34.1