Skip to content

Instantly share code, notes, and snippets.

@yo-goto
Created October 16, 2021 09:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save yo-goto/48c7517a2bac07e6fb2a9c12674a8628 to your computer and use it in GitHub Desktop.
Save yo-goto/48c7517a2bac07e6fb2a9c12674a8628 to your computer and use it in GitHub Desktop.
/* ============== _text-color.css↓ ============== */
/* テキストの色関係と選択時の色 */
.theme-dark,
.theme-light {
/* テキスト選択時の色 */
--text-selection: rgba(152, 45, 45, 1);
/* ハイライトカラーの変更 */
--strong-color-text: red;
--highlight-color-background: #ba47d68f;
}
.theme-light {
--highlight-color-text: black;
--italic-color-text: #4245ff;
/* ハイライト中のリンクカラー */
--highlight-color-internallink: #d9002f;
--highlight-color-background: #09dcbc;
}
.theme-dark {
--highlight-color-text: white;
--italic-color-text: #54edf8;
/* ハイライト中のリンクカラー */
--highlight-color-internallink: #36a52c;
}
/* ==================== 選択テキスト/ハイライト/ボールド/イタリック↓ ==================== */
/* 選択テキストカラーを変更 */
::selection {
background: var(--text-selection);
}
/* ハイライトカラーを変更 */
.cm-s-obsidian .cm-highlight,
.markdown-preview-view mark {
color: var(--highlight-color-text);
background-color: var(--highlight-color-background) !important;
}
/* ハイライト中の内部リンクカラーを変更(プレビューモード) */
.markdown-preview-view mark .internal-link,
.cm-highlight.cm-hmd-internal-link {
color: var(--highlight-color-internallink) !important;
font-weight: bold;
}
/* - ボールドに色を追加 */
.cm-s-obsidian .cm-strong,
.markdown-preview-view strong {
background-color: var(--strong-color-background) !important;
color: var(--strong-color-text) !important;
}
.markdown-preview-view strong {
font-size: 1.1em;
}
/* - イタリックに色を追加 */
.cm-s-obsidian .cm-em,
.markdown-preview-view em {
background-color: var(--italic-color-background) !important;
color: var(--italic-color-text) !important;
}
/* ==================== 選択テキスト/ハイライト/ボールド/イタリック↑ ==================== */
/* ============== _text-color.css↑ ============== */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment