Skip to content

Instantly share code, notes, and snippets.

@harnerdesigns
Last active August 26, 2020 00:18
Show Gist options
  • Save harnerdesigns/3a2d249c18ecf49496a3cc96293009a0 to your computer and use it in GitHub Desktop.
Save harnerdesigns/3a2d249c18ecf49496a3cc96293009a0 to your computer and use it in GitHub Desktop.
/*
Install theme using the Stylus extension for your web browser.
*/
.roam-block-container {
max-width: 850px;
}
.roam-block {
max-width: 850px;
}
.rm-block-text{
max-width: 850px;
}
.bp3-elevation-3 {
background-color: #434C5E !important;
}
.bp3-elevation-3 > div:hover {
background-color: #3B4252;
}
.bp3-elevation-3 .dont-unfocus-block[style~="background-color:"] {
background-color: #59647C !important;
}
.bp3-datepicker{
background-color:#3B4252;
color: #D8DEE9;
}
.bp3-html-select.bp3-minimal.bp3-datepicker-month-select > select,
.bp3-html-select.bp3-minimal.bp3-datepicker-year-select > select{
color:#D8DEE9;
}
.kanban-board {
background-color: #fff;
}
.kanban-card {
background-color: white;
margin: 8px;
box-shadow: 0px 1px 2px #9eb3c0;
padding: 10px;
border-radius: 2px;
line-height: 1.3em;
}
.kanban-title {
text-align: center;
font-weight: bold;
padding-top: 6px;
}
.kanban-column {
background-color: #e4edf2;
margin: 0px 4px 0px 4px;
padding: 4px;
min-width: 200px;
border-radius: 3px;
}
.bp3-input {
background-color: #E5E9F0
}
.rm-reference-item {
background-color: #3B4252;
}
.rm-block-ref {
border-bottom: none;
font-size: 1em;
padding: 4px;
color: #D8DEE9 !important;
text-decoration: underline;
background-color: #3B4252;
}
#right-sidebar > div {
background-color: #3B4252;
}
#right-sidebar > div .rm-reference-item > div {
background-color: #2E3440;
}
.parent-path-wrapper{
color:#d8dee9;
}
#right-sidebar .controls .roam-bullet-closed,
.controls .roam-bullet-closed {
background: none;
border: 1px solid #d8dee975;
}
.rm-embed-container{
background-color:#3B4252
}
.rm-block-ref:hover {
background-color: #4C566A;
color: #5E81AC;
}
.checkmark {
background: #D8DEE9;
}
.check-container input:checked ~ .checkmark {
background: #5E81AC;
}
.check-container input:checked ~ .checkmark:after {
border-color: #ECEFF4;
}
.rm-level3 {
color: #8390b2;
}
.rm-page-ref {
color: #81A1C1;
}
.rm-page-ref-link-color {
color: #81A1C1;
}
a {
color: #5E81AC;
}
a:hover {
color: #5E81AC;
}
.controls .simple-bullet-outer .simple-bullet-inner {
background-color: #D8DEE9;
}
/* .rm-block-text div {
background-color: #434C5E !important;
background-color: #434C5E;
} */
.intercom-app,
.intercom-launcher-frame,
#intercom-container {
display: none !important;
}
.roam-topbar{
background-color: #2E3440;
border-bottom: #2E3440;
}
.roam-body-main {
background-color: #2E3440;
color: #D8DEE9;
}
.roam-body .roam-app h1 {
color: #E5E9F0;
}
.roam-body .roam-app .roam-sidebar-container {
background-color: #3B4252;
border-right: 1px #3B4252 solid;
}
.rm-query{
border: 0.5px solid #E5E9F0;
}
.rm-query-title{
color:#D8DEE9 !important;
background-color:#434C5E !important;
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button,
.roam-body
.roam-app
.roam-sidebar-container
.roam-sidebar-content
.starred-pages-wrapper,
.roam-body
.roam-app
.roam-sidebar-container
.roam-sidebar-content
.starred-pages-wrapper
.starred-pages
.page,
.roam-body .roam-app .roam-sidebar-container > * {
opacity: 0.9;
color: #D8DEE9;
}
.roam-body
.roam-app
.roam-sidebar-container
.roam-sidebar-content
.starred-pages-wrapper
.starred-pages
.page:hover,
.roam-body
.roam-app
.roam-sidebar-container
.roam-sidebar-content
.log-button:hover {
background: #011627;
color: #E5E9F0;
opacity: 0.9;
}
#buffer.tall {
height: calc(100vh - 50px) !important;
}
.check-container {
padding-right: 4px;
}
.block-highlight-blue,
#roam-right-sidebar-content div .block-highlight-blue div {
background-color: #4C566A;
}
.kanban-board {
background: #011627;
color: #E5E9F0;
}
.kanban-column {
background-color: #c9b9bf;
}
.kanban-card{
color: #011627;
}
/* highlights */
.roam-highlight {
background-color: #a599e9;
}
/* reactions */
.rm-emoji-button {
background-color: #697098 !important;
}
.emoji-mart {
background-color: #E5E9F0;
}
.rm-saving-inner-icon.rm-synced {
background-color: #ECEFF4;
}
.rm-saving-inner-icon.rm-saving-remote {
background-color: #5E81AC;
}
.bp3-menu {
background-color: #E5E9F0;
}
.bp3-menu div:hover {
background-color: #D8DEE9;
}
.bp3-button.bp3-small.block-ref-count-button {
background-color: #D8DEE9;
color:#2E3440;
}
.bp3-tooltip .bp3-popover-content {
background: #3B4252;
color: #D8DEE9;
}
.bp3-icon.bp3-icon-filter{
color: #5c7080 !important;
}
.rm-reference-container .bp3-popover-target .bp3-button {
background-color: #4c566a82 !important;
}
.rm-pages-title-col {
background-color: #4C566A;
}
.rm-pages-col {
background-color: #4C566A;
}
.rm-pages-action-col {
background-color: #4C566A;
}
.block-highlight-grey {
background-color: #4C566A;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment