2020年もひきつづきダーシノ、当ブログともによろしくお願いします。
過去の記事
- 2013年活動報告と2014年行動指針
- 2014年活動報告と2015年行動指針
- 2015年活動報告と2016年行動指針
- 2016年活動報告と2017年行動指針
- 2017年活動報告と2018年行動指針
- 2018年活動報告と2019年行動指針
push.default
なのだが、詳しくはすでに記事を書いているのでそちらを読んでほしい。
/* Default / Light Theme */
:root {
--color: black;
--background-color: white;
}
/* Dark Theme */
@media (prefers-color-scheme: dark) {
:root {
--color: white;
--background-color: black;
}
}
body {
color: var(--color);
background-color: var(--background-color);
}
/* Before */
a {
color: #0000EE;
}
a:visited {
color: #800080;
}
a:active {
color: #FF0000;
}
a.grayscale {
color: LightSlateGray;
}
a.grayscale:visited {
color: Silver;
}
a.grayscale:active {
color: LightSteelBlue;
}
/* After */
a {
--link: #0000EE;
--link-visited: #800080;
--link-active: #FF0000;
}
a.grayscale {
--link: LightSlateGray;
--link-visited: Silver;
--link-active: LightSteelBlue;
}
a {
color: var(--link);
}
a:visited {
color: var(--link-visited);
}
a:active {
color: var(--link-active);
}
参考: Patterns for Practical CSS Custom Properties Use | CSS Tricks