settings
code:style.css
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
/* ============================================
ethnic4ever — spice-inspired theme
ターメリック / カルダモン / シナモン / パプリカ
============================================ */
:root {
/* --- 背景 --- */
--body-bg: #f5f0e8;
--page-bg: #faf7f1;
/* --- ナビバー --- */
--navbar-bg: #352a20;
--navbar-icon-color: #c4b8a4;
--navbar-icon-active-color: #e8d5a8;
--navbar-icon-hovered-color: #e8d5a8;
--search-form-bg: rgba(255,255,255,0.1);
--search-form-icon-color: #c4b8a4;
--search-form-icon-focus-color: #e8d5a8;
/* --- テキスト --- */
--page-text-color: #3a3028;
--line-title-color: #2e2218;
/* --- リンク --- */
--page-link-color: #5a7a5e;
--page-link-hover-color: #c49a2a;
--empty-page-link-color: #9a8a72;
--empty-page-link-hover-color: #c49a2a;
/* --- カード --- */
--card-bg: #faf7f1;
--card-hover-bg: #f2ece0;
--card-active-bg: #ebe4d4;
--card-title-color: #2e2218;
--card-title-bg: #efe8da;
--card-title-bg-pinned: #e8dcc8;
--card-description-color: #6b5e4e;
--card-description-link-color: #5a7a5e;
--card-box-shadow-color: rgba(62,48,30,0.08);
/* --- コードブロック --- */
--code-bg: #eee8dc;
--code-color: #5c4a32;
/* --- 引用 --- */
--quote-bg-color: rgba(196,154,42,0.06);
/* --- 関連リンクラベル --- */
--relation-label-bg: #e8dcc8;
--relation-label-text: #5c4a32;
--relation-label-links-bg: #f0e8d8;
--relation-label-links-text: #5c4a32;
--relation-label-empty-bg: #efe8da;
--relation-label-empty-text: #9a8a72;
/* --- ツールバー --- */
--tool-bg: #352a20;
--tool-color: #c4b8a4;
--tool-light-color: #e8d5a8;
/* --- 新規作成ボタン --- */
--new-button-bg: #c49a2a;
--new-button-hover-bg: #b08a22;
--new-button-active-bg: #9a7a1c;
/* --- テロメア --- */
--telomere-border: #e0d6c4;
--telomere-unread: #c49a2a;
--telomere-updated: rgba(196,154,42,0.5);
/* --- カーソル --- */
--cursor-color: #c49a2a;
}
/* ===== フォント ===== */
html, body, code, kbd, pre, samp,
.tooltip, .editor, .grid li,
.list li.page-list-item,
.popup-menu, .stream {
font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
/* ===== 本文 ===== */
.line {
font-size: 15px;
line-height: 1.85;
color: #3a3028;
}
/* ===== タイトル ===== */
.line.line-title, .text-input.line-title {
font-size: 22px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.02em;
padding-bottom: 6px;
border-bottom: 2px solid #c49a2a;
}
/* ===== 見出し（太字レベル） ===== */
.line strong {
color: #7a5230;
font-weight: 700;
}
.line .level-1 strong {
font-size: 1.2em;
}
/* ===== リンク ===== */
.page-link {
color: #2a6e3f !important;
font-weight: 500;
text-decoration: underline !important;
text-decoration-color: #2a6e3f !important;
text-decoration-thickness: 1.5px !important;
text-underline-offset: 2px !important;
padding: 0 2px;
border-radius: 2px;
transition: background-color 0.15s, color 0.15s;
}
.page-link:hover {
color: #c49a2a !important;
text-decoration-color: #c49a2a;
background-color: rgba(196, 154, 42, 0.1);
}
/* ===== ページカード（一覧） ===== */
.grid li.page-list-item {
border-radius: 6px;
}
.grid li.page-list-item a .title {
font-weight: 500;
font-size: 14px;
}
/* ===== テーブル ===== */
.table-block table {
border-collapse: collapse;
width: 100%;
font-size: 14px;
line-height: 1.6;
}
.table-block table th {
background-color: rgba(196, 154, 42, 0.1);
font-weight: 700;
padding: 8px 12px;
border: 1px solid #ddd;
text-align: left;
}
.table-block table td {
padding: 8px 12px;
border: 1px solid #ddd;
}
.table-block table tr:nth-child(even) td {
background-color: rgba(62, 48, 30, 0.03);
}
/* ===== コードブロック ===== */
.line span.code-block code {
font-size: 13px;
line-height: 1.6;
tab-size: 2;
}
/* ===== ハッシュタグ ===== */
a.page-linktype="hashTag" {
color: #a07830 !important;
font-weight: 500;
}
/* ===== 箇条書きドット ===== */
.line .indent-mark .dot {
background-color: #c49a2a;
}
/* ===== 引用 ===== */
.line .quote {
border-left: 3px solid #c49a2a;
padding-left: 8px;
color: #6b5e4e;
}
/* ===== ページ本文の最大幅 ===== */
.editor {
max-width: 780px;
}