@@ -12,6 +12,10 @@ https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_custom_properties
1212 --a-color : var (--text-color );
1313 /* リンクホバー */
1414 --a-hover-color : var (--text-color );
15+ /* SNS共有 */
16+ --sns-share-text-color : hsl (0 0% 36% / 1 );
17+ /* いいね */
18+ --clap-text-color : var (--sns-share-text-color );
1519 /* 背景色 */
1620 --background-color : # fff ;
1721 /* 掲示板タイトルの文字色 */
@@ -62,19 +66,23 @@ https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_custom_properties
6266 /* ダークモードの配色 */
6367
6468 /* 文字色 */
65- --text-color : hsl ( 211 12 % 92 % / 1 ) ;
69+ --text-color : # e7ebf1 ;
6670 /* リンクの色 */
67- --a-color : hsl ( 211 18 % 79 % / 1 ) ;
71+ --a-color : # b8bfcb ;
6872 /* リンクホバー */
6973 --a-hover-color : var (--a-color );
74+ /* SNS共有 */
75+ --sns-share-text-color : hsl (211 10% 62% / 1 );
76+ /* いいね */
77+ --clap-text-color : var (--sns-share-text-color );
7078 /* 背景色 */
71- --background-color : hsl (211 22 % 14 % / 1 );
79+ --background-color : hsl (212 24 % 12 % / 1 );
7280 /* 掲示板タイトルの文字色 */
7381 --title-a-color : var (--a-color );
7482 /* 記事タイトルの文字色 */
7583 --article-title-color : var (--a-color );
7684 /* 記事タイトルの背景色 */
77- --accent-background-color : hsl (211 23 % 25 % / 1 );
85+ --accent-background-color : hsl (211 26 % 22 % / 1 );
7886 /* 記事タイトル背景色のアクセント */
7987 --strong-accent-background-color : hsl (208 28% 37% / 1 );
8088 /* チェック済みのフォームのラベルの色 */
@@ -179,12 +187,12 @@ a:hover {
179187span [data-shareurl ] {
180188 text-decoration : none;
181189 cursor : pointer;
182- color : var (--a -color );
190+ color : var (--sns-share-text -color );
183191}
184192
185193span [data-shareurl ]: hover {
186194 text-decoration : none;
187- color : var (--a-hover -color );
195+ color : var (--sns-share-text -color );
188196}
189197span [data-downloadurl ],
190198span # pch_close {
@@ -528,6 +536,7 @@ span.txtnon {
528536.res_button_wrap > span {
529537 display : inline-block;
530538 margin : 10px 0 0 12px ;
539+ color : var (--clap-text-color );
531540}
532541.res_button_wrap .clap_wrap {
533542 margin : 10px 0 0 ;
@@ -536,6 +545,9 @@ span.txtnon {
536545 .ref-target-do-submission {
537546 text-decoration : none;
538547 }
548+ .ref-target-do-submission : hover {
549+ color : var (--clap-text-color );
550+ }
539551}
540552.res_notice_wrap {
541553 text-align : right;
@@ -547,12 +559,12 @@ form.res_button {
547559}
548560form .res_button input {
549561 padding : 1px 12px ;
550- margin : 1 em 0 1 em ;
562+ margin : 1.2 em 0 0.8 em ;
551563}
552564/* 返信フォーム */
553565form .res_form {
554566 text-align : right;
555- margin : 16 px 0 5px ;
567+ margin : 1 em 0 5px ;
556568}
557569table .resform {
558570 margin : 0 0 0 auto;
0 commit comments