6

text-color.css

 2 years ago
source link: https://gist.github.com/yo-goto/48c7517a2bac07e6fb2a9c12674a8628
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
text-color.css · GitHub

Instantly share code, notes, and snippets.

/* ============== _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↑ ============== */


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK