テンプレート:鳴潮/styles.css

 1 /* 鳴潮共通スタイル */
 2 .invert-dark {
 3   filter: none;
 4 }
 5 
 6 .invert-light {
 7   filter: invert(1);
 8 }
 9 
10 
11 @media screen {
12   html.skin-theme-clientpref-night .invert-dark {
13     filter: invert(1);
14   }
15 
16   html.skin-theme-clientpref-night .invert-light {
17     filter: none;
18   }
19 }
20 
21 
22 @media screen and (prefers-color-scheme: dark) {
23   html.skin-theme-clientpref-os .invert-dark {
24     filter: invert(1);
25   }
26 
27   html.skin-theme-clientpref-os .invert-light {
28     filter: none;
29   }
30 }