Created
December 16, 2021 21:20
-
-
Save Coutlaw/b95c05234fc39306c9d4d7979950a58b to your computer and use it in GitHub Desktop.
Roam Theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.intercom-app, | |
.intercom-launcher-frame, | |
#intercom-container { | |
display: none !important; | |
} | |
button, | |
input, | |
optgroup, | |
select, | |
textarea, | |
p, | |
div, | |
h1 { | |
color: white !important; | |
} | |
body { | |
background: rgb(28, 28, 30) !important; | |
} | |
.roam-body .roam-app .roam-sidebar-container { | |
background: rgb(28, 28, 30) !important; | |
} | |
.CodeMirror-gutters { | |
background-color: rgb(72, 72, 74) !important; | |
border-right: none; | |
} | |
.CodeMirror-linenumber { | |
color: #8C8C8C !important; | |
} | |
.roam-block span .bp3-button { | |
background: rgb(44, 44, 46) !important | |
} | |
/* code styles */ | |
code { | |
background-color: rgb(44, 44, 46) !important; | |
border: none; | |
color: rgb(940, 92, 230); | |
padding: .2em .4em .2em .4em; | |
} | |
.rm-code-block { | |
background-color: rgb(44, 44, 46); | |
color: rgb(940, 92, 230) !important; | |
} | |
.ͼ2 .cm-gutters { | |
background-color: rgb(44, 44, 46); | |
border-right: 1px solid #ddd; | |
color: rgb(940, 92, 230); | |
} | |
.ͼa { | |
color: rgb(940, 92, 230) !important; | |
} | |
.ͼb { | |
color: rgb(49, 107, 254); | |
} | |
.ͼc { | |
color: rgb(1, 203, 129); | |
} | |
.ͼh { | |
color: rgb(1, 203, 129); | |
} | |
.ͼi { | |
color: rgb(25, 145, 169); | |
} | |
.CodeMirror { | |
border-radius: 8px; | |
background-color: rgb(44, 44, 46) !important; | |
color: white !important; | |
} | |
.cm-s-default .cm-keyword, | |
.cm-atom { | |
color: rgb(191, 90, 242) !important; | |
} | |
.cm-s-default .cm-builtin { | |
color: rgb(10, 132, 255) !important; | |
} | |
a { | |
color: rgb(255, 159, 10); | |
} | |
a:hover { | |
color: rgb(255, 159, 10); | |
} | |
.rm-level1 .checkmark { | |
top: -3px; | |
} | |
.parent-path-wrapper { | |
background: rgb(28, 28, 30) !important; | |
} | |
.rm-saving-icon .rm-synced { | |
background: rgb(48, 209, 88) !important; | |
} | |
.check-container input:checked ~ .checkmark { | |
background-color: rgb(10, 132, 255) !important; | |
} | |
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover { | |
color: rgb(191, 90, 242) !important; | |
background: rgb(28, 28, 30) !important; | |
} | |
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page { | |
font-size: 15px; | |
font-weight: 500 !important; | |
} | |
body { | |
font-size: 1.2em; | |
} | |
h1 > a { | |
color: rgb(100, 210, 255) !important; | |
} | |
a > span { | |
color: rgb(100, 210, 255) !important; | |
} | |
.rm-page-ref-link-color { | |
color: rgb(100, 210, 255) !important; | |
} | |
#roam-right-sidebar-content .bp3-button { | |
background: rgb(44, 44, 46) !important; | |
} | |
.rm-reference-item { | |
background-color: rgb(44, 44, 46); | |
padding: 5px; | |
border-radius: 7px; | |
} | |
#roam-sidebar-logo:hover { | |
color: white; | |
text-decoration: none; | |
background: rgb(28, 28, 30) !important; | |
} | |
#roam-sidebar-logo { | |
text-decoration: none; | |
} | |
.katex * { | |
color: rgb(191, 90, 242) !important; | |
} | |
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover { | |
color: rgb(191, 90, 242) !important; | |
background: rgb(28, 28, 30) !important; | |
} | |
.roam-body-main #right-sidebar { | |
background-color: rgb(44, 44, 46) !important; | |
} | |
.bp3-elevation-3 { | |
background-color: rgb(44, 44, 46) !important; | |
} | |
.bp3-elevation-3 > .dont-unfocus-block { | |
filter: invert(100%); | |
/*RR change: Inverts the colors of the / and link search menus*/ | |
} | |
.bp3-text-overflow-ellipsis { | |
color: black !important; | |
} | |
#roam-right-sidebar-content > div { | |
border-bottom: none !important; | |
} | |
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page, | |
.roam-body .roam-app .roam-sidebar-container > * { | |
color: white !important; | |
} | |
.flex-v-box.starred-pages-wrapper > div:first-of-type { | |
opacity: 0; | |
} | |
.log-button { | |
color: white !important; | |
} | |
.check-container { | |
padding-right: 4px; | |
} | |
.rm-page-ref-brackets { | |
opacity: .3; | |
} | |
/* .starred-pages-wrapper:first-child { } */ | |
.bp3-input { | |
box-shadow: none; | |
border: 1px solid #73869447 !important; | |
} | |
.roam-log-container .roam-log-page { | |
border-top: 0px solid #73869447 !important; | |
margin-top: 0px; | |
} | |
.rm-level1, | |
.rm-level2 { | |
font-weight: 600; | |
} | |
.rm-level1 { | |
font-size: 1.6em; | |
} | |
.rm-level2 { | |
font-size: 1.2em; | |
} | |
.block-border-left { | |
border-left: 1px solid #bfccd690; | |
/* Lighten */ | |
} | |
.katex .fontsize-ensurer.reset-size6.size3, | |
.katex .sizing.reset-size6.size3 { | |
font-size: .7em !important; | |
} | |
.rm-reference-item { | |
margin-top: 0; | |
} | |
.bp3-popover-content > div { | |
max-height: 520px !important; | |
} | |
.h1, | |
.h2, | |
.h3, | |
.h4, | |
.h5, | |
.h6, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
textarea, | |
div { | |
font-family: 'Helvetica Neue' !important; | |
font-weight: 400 !important; | |
} | |
.h3, | |
h3, | |
.rm-level3 span { | |
color: rgb(48, 209, 88) !important; | |
} | |
.h2, | |
h2, | |
.rm-level2 { | |
font-size: 1.3em !important; | |
} | |
textarea, | |
span { | |
letter-spacing: 0.02em !important; | |
} | |
.katex .msupsub { | |
font-size: .8em !important; | |
} | |
.log-button, | |
.log-button .flex-h-box { | |
font-weight: 700 !important; | |
} | |
.roam-sidebar-container { | |
box-shadow: none !important; | |
width: 13vw !important; | |
min-width: 200px; | |
} | |
.roam-body-main { | |
height: 100% !important; | |
top: 0 !important; | |
} | |
.roam-topbar { | |
opacity: 0; | |
transition: opacity 200ms; | |
z-index: 1; | |
background: none; | |
/* Making space for the close sidebar button */ | |
width: calc(100% - 40px); | |
padding: 0; | |
} | |
.roam-topbar:hover, | |
.roam-topbar:focus-within { | |
opacity: 1; | |
transition: opacity 200ms; | |
} | |
.roam-log-container .roam-log-page { | |
border-top: 1px solid #00000048; | |
} | |
#right-sidebar button { | |
z-index: 100000; | |
} | |
hr .roam-center .bp3-button.bp3-small.block-ref-count-button { | |
background: white !important; | |
} | |
/* Hide "Starred" header */ | |
.flex-v-box.starred-pages-wrapper > .flex-h-box { | |
display: none; | |
} | |
.roam-right-sidebar-content div div { | |
margin-left: -8px !important; | |
margin-right: -8px !important; | |
} | |
#right-sidebar .rm-reference-item { | |
background-color: rgb(28, 28, 30); | |
} | |
.rm-reference-item { | |
margin-bottom: 10px; | |
} | |
strong { | |
color: rgb(10, 132, 255) !important; | |
} | |
.roam-highlight, | |
.roam-highlight strong { | |
background-color: rgb(255, 214, 10); | |
color: rgb(28, 28, 30) !important; | |
} | |
.roam-highlight .rm-page-ref { | |
color: rgb(10, 132, 255) !important; | |
} | |
.block-highlight-yellow { | |
background-color: #8C8C8C !important; | |
} | |
.roam-bullet-closed { | |
background-color: rgb(10, 132, 255) !important; | |
} | |
.simple-bullet-inner { | |
background-color: rgb(100, 210, 255) !important; | |
} | |
.rm-page-ref-tag { | |
color: rgb(255, 55, 95); | |
} | |
.bp3-button.bp3-minimal.bp3-small { | |
margin-right: 4px; | |
margin-left: -4px; | |
} | |
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .bp3-button[class*="bp3-icon-"]::before { | |
color: white; | |
} | |
.controls { | |
padding-top: 5px !important; | |
} | |
.rm-page-ref { | |
font-size: 1em !important; | |
} | |
.check-container { | |
padding-top: 1px; | |
} | |
/* Hide help button */ | |
#buffer { | |
visibility: hidden; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment