58 lines
5.9 KiB
CSS
58 lines
5.9 KiB
CSS
#streak { color: var(--a) }
|
||
body { color: var(--vii) }
|
||
body, header, footer { background: var(--iiv); }
|
||
a:active { color: var(--v) }
|
||
#next-note { background: var(--iv); }
|
||
#prev-note { background: var(--iiv); border: 1px solid var(--iv); }
|
||
::-webkit-scrollbar-thumb { background: var(--iv); }
|
||
::-webkit-scrollbar-thumb:active { background: var(--v); }
|
||
|
||
::selection { background: var(--a); color: var(--iv) }
|
||
.ͼ2 .cm-content {caret-color: var(--vi);}
|
||
.ͼ2 .cm-selectionBackground {background: var(--iv);}
|
||
.ͼ2.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {background: var(--iv);}
|
||
.ͼ3 .cm-content {caret-color: var(--iv);}
|
||
.ͼ3 .cm-selectionBackground {background: var(--vii);}
|
||
.ͼ3.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {background: var(--vii);}
|
||
.ͼ1 .cm-cursor, .ͼ1 .cm-dropCursor {border-left: 1.2px solid var(--vi); margin-left: -0.6px; pointer-events: none;}
|
||
.ͼ3 .cm-cursor {border-left-color: var(--vi);}
|
||
.ͼ2 .cm-activeLine {background-color: #cceeff44;}
|
||
.ͼ3 .cm-activeLine {background-color: #99eeff33;}
|
||
.ͼ2 .cm-specialChar {color: var(--a);}
|
||
.ͼ3 .cm-specialChar {color: var(--a);}
|
||
|
||
.ͼ2 .cm-gutters {background-color: #f5f5f5; color: #6c6c6c; border-right: 1px solid #ddd;}
|
||
.ͼ3 .cm-gutters {background-color: #333338; color: #ccc;}
|
||
.ͼ2 .cm-activeLineGutter {background-color: #e2f2ff;}
|
||
.ͼ3 .cm-activeLineGutter {background-color: #222227;}
|
||
.ͼ2 .cm-panels {background-color: #f5f5f5; color: black;}
|
||
.ͼ2 .cm-panels-top {border-bottom: 1px solid #ddd;}
|
||
.ͼ2 .cm-panels-bottom {border-top: 1px solid #ddd;}
|
||
.ͼ3 .cm-panels {background-color: #333338; color: white;}
|
||
.ͼ1 .cm-highlightSpace {background-image: radial-gradient(circle at 50% 55%, #aaa 20%, transparent 5%); background-position: center;}
|
||
.ͼ1 .cm-highlightTab {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="20"><path stroke="%23888" stroke-width="1" fill="none" d="M1 10H196L190 5M190 15L196 10M197 4L197 16"/></svg>'); background-size: auto 100%; background-position: right 90%; background-repeat: no-repeat;}
|
||
|
||
.ͼ1 .cm-trailingSpace {background-color: #ff332255;}
|
||
|
||
.ͼ2 .cm-button:active {background-image: linear-gradient(#b4b4b4, #d0D3d6);}
|
||
.ͼ2 .cm-button {background-image: linear-gradient(#eff1f5, #d9d9df); border: 1px solid #888;}
|
||
.ͼ3 .cm-button:active {background-image: linear-gradient(#111, #333);}
|
||
.ͼ3 .cm-button {background-image: linear-gradient(#393939, #111); border: 1px solid #888;}
|
||
|
||
.ͼ1 .cm-textfield {vertical-align: middle; color: inherit; font-size: 70%; border: 1px solid silver; padding: .2em .5em;}
|
||
.ͼ2 .cm-textfield {background-color: white;}
|
||
.ͼ3 .cm-textfield {border: 1px solid #555; background-color: inherit;}
|
||
|
||
.ͼ5 {color: var(--vi);}
|
||
.ͼb {color: var(--a);}
|
||
.ͼc {color: var(--v)}
|
||
.ͼd {color: var(--base0B)}
|
||
.ͼe, .ͼf {color: var(--a)}
|
||
.ͼg {color: var(--v);}
|
||
.ͼh {color: var(--a);}
|
||
.ͼi {color: var(--v);}
|
||
.ͼj {color: var(--v);}
|
||
.ͼk {color: var(--v);}
|
||
.ͼl {color: var(--a);}
|
||
.ͼm {color: var(--base0A);}
|
||
.ͼn {color: var(--a);} |