custom.css: 可決の印をグレーにし、安竹洋平の列を強調

可決・認定・採択の印を朱色からグレーに変更した。ほぼすべての議案が可決になるため、赤い印だと可決が望ましい結果であるかのように見えてしまうため。

議案の賛否一覧で、安竹洋平の列に色をつけて分かりやすくした。

1 files changed, 19 insertions, 8 deletions

diff --git a/src/styles/custom.css b/src/styles/custom.css
index dcafb08..ecf2059 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -1216,7 +1216,7 @@ h3:hover .heading-anchor {
   color: var(--sl-color-green-high, #16a34a);
 }
 
-/* 議案の賛否一覧: 議決結果の印（可決は朱色の印、否決は青色の印） */
+/* 議案の賛否一覧: 議決結果の印（可決系はグレーの印、否決系は青色の印） */
 .sanpi-kekka {
   display: inline-block;
   padding: 0.05em 0.4em;
@@ -1228,11 +1228,12 @@ h3:hover .heading-anchor {
   white-space: nowrap;
   vertical-align: middle;
 }
-/* 可決・認定・採択（実際はほとんどがこれになる） */
+/* 可決・認定・採択（実際はほとんどがこれになる）。
+   可決が「望ましい結果」に見えないよう、赤ではなくグレーで示す */
 .sanpi-kekka.pass {
-  color: #b71c1c;
-  border-color: #c62828;
-  background: #ffebee;
+  color: #455a64;
+  border-color: #b0bec5;
+  background: #eceff1;
 }
 /* 否決・不採択 */
 .sanpi-kekka.stop {
@@ -1241,12 +1242,22 @@ h3:hover .heading-anchor {
   background: #e3f2fd;
 }
 :root[data-theme="dark"] .sanpi-kekka.pass {
-  color: #ef9a9a;
-  border-color: #c62828;
-  background: #3a1414;
+  color: #cfd8dc;
+  border-color: #546e7a;
+  background: #263238;
 }
 :root[data-theme="dark"] .sanpi-kekka.stop {
   color: #90caf9;
   border-color: #1565c0;
   background: #10243a;
 }
+/* 安竹洋平の賛否の列を目立たせる */
+.sanpi-me {
+  display: inline-block;
+  min-width: 1.3em;
+  padding: 0 0.25em;
+  border-radius: 3px;
+  font-weight: 700;
+  background: var(--sl-color-accent-low);
+  color: var(--sl-color-accent-high);
+}