UserCSS:クリスマスモード

code:style.css

@import "/api/code/suto3/UserCSS:痛モード/style.css"; /* ita */

:root {

--main-color: var(--navbar-bg, DarkGray); /* 主調色 */

--assort-color: var(--card-bg, white); /* 従属色 */

--base-color: var(--body-bg, WhiteSmoke); /* 背景色 */

--accent-color: var(--cursor-color, green); /* 強調色 */

--text-color: var(--page-text-color, black); /* 文字色 */

/* 1 ナビバーのアイコン（グローバルメニュー） */

--navi-icon: url('/api/pages/suto3/クリスマス/icon'); /* クリスマス */

--navi-icon-B: url('/api/pages/suto3/star-01/icon'); /* ビーバー君 */

--navi-icon-C: url('/api/pages/suto3/star-02/icon'); /* ビーバー君 */

/* 2 ブロジェクトホームのアイコン */

--project-home-icon: url('/api/pages/suto3/star-02/icon'); /* ビーバー君 */

--project-home-icon-B: url('/api/pages/suto3/star-02/icon'); /* ビーバー君 */

/* 3 背景画像 */

/* 4 ページの背景画像 */

--page-bg-image: url('/api/pages/suto3/star-03/icon'); /* ビーバー君 */

/* 5 ページのヘッダー画像 */

--page-header-image: url('/api/pages/suto3/クリスマス/icon'); /* ビーバー君 */

/* 6 ページのフッター画像 */

--page-footer-image: url('/api/pages/suto3/星/icon'); /* ビーバー君 */

/* 7 ページタイトルのアイキャッチ */

--eye-chacher: url('/api/pages/suto3/星/icon'); /* ビーバー君 */

}

code:style.css

body {

--li-color-1: hsla(60,100%,45%,0.8);

--li-color-2: hsla(45,100%,45%,0.8);

--li-color-3: hsla(30,100%,45%,0.8);

--li-color-4: hsla(15,100%,45%,0.8);

--li-color-5: hsla(0,100%,45%,0.8);

--navbar-link-color: var(--assort-color, white);

--new-button-bg: var(--assort-color, white);

--relation-label-bg: var(--assort-color, white);

--body-headings-color: var(--main-color, pink);

--card-title-bg: var(--main-color, pink);

--new-button-horizontal-color: var(--main-color, pink);

--new-button-vertical-color: var(--main-color, pink);

}

code:style.css

.line .indent-mark .dot::before {

display: block;

position: absolute;

right: -5px;

top: -10px;

font-family: 'Font Awesome 5 Free';

font-weight: 900;

font-size: 6px;

/* content: '\f00c'; /* チェックマーク */

/* content: '\f068'; /* マイナス記号 */

/* content: '\f10c'; /* まる */

/* content: '\f111'; /* まる */

/* content: '\f0c8'; /* 四角 */

/* content: '\f096'; /* 四角 */

/* content: '\f140'; /* 二重丸　*/

content: '\f005'; /* スター:クリスマス用 */

/* content: '\f1b0'; /* 肉球:猫の日用 */

/* content: '\f1fd'; /* バースデーケーキ　*/

color: var(--li-color-0);

}

.line .indent-mark .dot {

background-color: transparent;

}

code:style.css

.line.number-list .dot::before {

/* content: '\f292'; /* # */

content: '\f2dc'; /* 雪 */

}

メリークリスマス

メリークリスマス

メリークリスマス

メリークリスマス

メリークリスマス

メリークリスマス

メリークリスマス

1. メリークリスマス

2. メリークリスマス

3. メリークリスマス

https://gyazo.com/256f9eacdcf800055a87fb02061baa0d