code/syntax/nremiel.theme-changer
ページ全体のスキンを切り替える記法https://img.icons8.com/material-outlined/384/000000/settings.pngcode/syntax/ページの表示を変更する記法
NremのCosenseテーマ互換レイヤー
code:stjle.css
@import "https://scrapbox.io/api/code/nremiel/Nrem%E3%81%AECosense%E3%83%86%E3%83%BC%E3%83%9E%E4%BA%92%E6%8F%9B%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC/style.css";
--project-theme nremiel.radiado-dark
code:style.css
*:has(.deco-\<.deco-\#) {
&:has(span:nth-child(1) > adata-page-title="--project-theme noskin") {
--overwrite-native-themes: n;
--project-theme: "";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme noskin") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "スキン無効";
display: block;
width: 100%;
background-color: black;
color: crimson;
text-align: start;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme nremiel.auto") {
@media screen and (prefers-color-scheme: light) {
--project-theme: "nremiel.aureolo";
}
@media screen and (prefers-color-scheme: dark) {
--project-theme: "nremiel.radiado-dark";
}
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme nremiel.auto") {
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme another-dimension") {
@media screen and (prefers-color-scheme: light) {
--project-theme: "nremiel.osto";
}
@media screen and (prefers-color-scheme: dark) {
--project-theme: "nremiel.radiado-dark";
}
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme nremiel.auto") {
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme nremiel.osto") {
--project-theme: "nremiel.osto";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme nremiel.osto") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme nremiel.radiado-dark") {
--project-theme: "nremiel.radiado-dark";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme nremiel.radiado-dark") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-2);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme nremiel.aureolo") {
--project-theme: "nremiel.aureolo";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme nremiel.aureolo") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.default-auto") {
@media screen and (prefers-color-scheme: light) {
--project-theme: "settings.default";
}
@media screen and (prefers-color-scheme: dark) {
--project-theme: "settings.default-dark";
}
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.default-auto") {
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.default") {
--overwrite-native-themes: n;
--project-theme: "settings.default";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.default") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.default-dark") {
--overwrite-native-themes: n;
--project-theme: "settings.default-dark";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.default-dark") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.default-compact") {
--overwrite-native-themes: n;
--project-theme: "settings.default-compact";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.default-compact") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.paper-light") {
--overwrite-native-themes: n;
--project-theme: "settings.paper-light";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.paper-light") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.paper-dark") {
--overwrite-native-themes: n;
--project-theme: "settings.paper-dark";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.paper-dark") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.paper-dark-dark") {
--overwrite-native-themes: n;
--project-theme: "settings.paper-dark-dark";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.paper-dark-dark") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.hacker1") {
--overwrite-native-themes: n;
--project-theme: "settings.hacker1";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.hacker1") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.hacker2") {
--overwrite-native-themes: n;
--project-theme: "settings.hacker2";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.hacker2") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.winter") {
--overwrite-native-themes: n;
--project-theme: "settings.winter";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.winter") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.autumn") {
--overwrite-native-themes: n;
--project-theme: "settings.autumn";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.autumn") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.summer") {
--overwrite-native-themes: n;
--project-theme: "settings.summer";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.summer") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.spring") {
--overwrite-native-themes: n;
--project-theme: "settings.spring";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.spring") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.blue") {
--overwrite-native-themes: n;
--project-theme: "settings.blue";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.blue") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.green") {
--overwrite-native-themes: n;
--project-theme: "settings.green";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.green") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.purple") {
--overwrite-native-themes: n;
--project-theme: "settings.purple";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.purple") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.orange") {
--overwrite-native-themes: n;
--project-theme: "settings.orange";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.orange") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.red") {
--overwrite-native-themes: n;
--project-theme: "settings.red";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.red") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.kyoto") {
--overwrite-native-themes: n;
--project-theme: "settings.kyoto";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.kyoto") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.paris") {
--overwrite-native-themes: n;
--project-theme: "settings.paris";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.paris") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.newyork") {
--overwrite-native-themes: n;
--project-theme: "settings.newyork";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.newyork") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.tropical") {
--overwrite-native-themes: n;
--project-theme: "settings.tropical";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.tropical") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.lgreen") {
--overwrite-native-themes: n;
--project-theme: "settings.lgreen";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.lgreen") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme settings.mred") {
--overwrite-native-themes: n;
--project-theme: "settings.mred";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme settings.mred") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > adata-page-title="--project-theme customize.dark-theme") {
--overwrite-native-themes: n;
--project-theme: "customize.dark-theme";
& .deco-\<.deco-\#:has(span:nth-child(1) > adata-page-title="--project-theme customize.dark-theme") {
&>span:nth-child(1)>a {
display: none;
}
&::after {
content: "現在のスキン: " var(--current-project-skin-name);
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > a.iconhref="/nremiel/settings") {
@media screen and (prefers-color-scheme: light) {
--project-theme: "nremiel.osto";
--b-movi-la-liston-de-rilataj-pagxoj-dekstren: y;
--current-project-skin-name: "#Category (Anĝela Osto) sur " var(--current-custom-project-theme-name);
}
@media screen and (prefers-color-scheme: dark) {
& {
--project-theme: "nremiel.radiado-dark";
--b-movi-la-liston-de-rilataj-pagxoj-dekstren: y;
--current-project-skin-name: "#Category (Termika Radiado) sur " var(--current-custom-project-theme-name);
}
}
& .deco-\<.deco-\#:has(span:nth-child(1) > a.iconhref="/nremiel/settings") {
&::after {
content: "現在のスキン: #Category (" var(--current-project-skin-name) ")";
display: block;
width: 100%;
background-color: transparent;
color: var(--c-red-1);
text-align: center;
font-weight: bold;
font-family: var(--ui-sans-serif);
font-size: var(--fs-ui-sans-serif);
}
}
}
&:has(span:nth-child(1) > atype="hashTag"data-page-title="Category") {
@media screen and (prefers-color-scheme: light) {
--b-movi-la-liston-de-rilataj-pagxoj-dekstren: y;
--current-project-skin-name "custom (#Category)";
}
@media screen and (prefers-color-scheme: dark) {
& {
--project-theme: "nremiel.radiado-dark";
--b-movi-la-liston-de-rilataj-pagxoj-dekstren: y;
--current-project-skin-name: "#Category (Termika Radiado sur " var(--current-custom-project-theme-name) ")";
}
}
& .deco-\<.deco-\#:has(span:nth-child(1) > atype="hashTag"data-page-title="Category")::after {
content: "--project-theme " var(--current-project-skin-name);
}
}
&:has(span:nth-child(1) > atype="hashTag"data-page-title="keyword-anchor") {
@media screen and (prefers-color-scheme: light) {
--b-movi-la-liston-de-rilataj-pagxoj-dekstren: y;
--current-project-skin-name: "#Category (Anĝela Osto) sur " var(--current-custom-project-theme-name);
}
@media screen and (prefers-color-scheme: dark) {
& {
--project-theme: "nremiel.radiado-dark";
--b-movi-la-liston-de-rilataj-pagxoj-dekstren: y;
--current-project-skin-name: "#Category (Termika Radiado) sur " var(--current-custom-project-theme-name);
}
}
& .deco-\<.deco-\#:has(span:nth-child(1) > atype="hashTag"data-page-title="keyword-anchor")::after {
content: "現在のスキン: " var(--current-project-skin-name);
}
}
}