body {
-webkit-font-smoothing: antialiased;
font-family : "Operator Mono", Menlo, Monaco, 'Courier New', monospace;
}
::selection {
background: #2b213a;
}
.roam-topbar,
body {
background: #2b213a;
}
.bp3-menu .rm-search-title,
.rm-pages-title-text,
.rm-reference-container > div > div > strong,
.roam-body .roam-app,
.roam-body .roam-app h1 {
color: #ff79c6;
}
.rm-reference-container > div > div > strong,
.rm-reference-main strong {
color: #ff79c6 !important;
}
.level2,
.level3,
.level4,
.level5,
.level6,
.roam-log-page.roam-log-preview h1.level2,
body,
div,
textarea {
font-family: "Operator Mono", Menlo, Monaco, 'Courier New', monospace;
}
.level2,
.level3,
.level4,
.level5,
.level6 {
font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
}
.roam-body .roam-app h1 textarea {
font-weight: 500;
}
.roam-body .roam-app h1 {
font-size: 28px;
}
b,
strong {
font-weight: 600;
}
div {
font-size: 14px;
}
div,
textarea {
font-weight: 400;
}
.roam-body .roam-app h1,
.roam-body .roam-app h2,
.roam-body .roam-app h3,
.roam-body .roam-app h4,
.roam-body .roam-app h5,
.roam-body .roam-app h6 {
color : #FF00FF;
text-shadow: 0 0 10px #FF00FF;
}
.rm-page-ref-brackets {
color : #00FFFF;
opacity : 0.4;
text-shadow: 0 0 5px #00FFFF;
}
.rm-page-ref-link-color {
font-weight: 500;
}
.rm-page-ref,
.rm-page-ref-link-color,
a,
a:hover {
color : #8be9fd;
text-shadow: 0 0 4px #8be9fd;
}
a:hover {
text-decoration-color : #ff79c6;
text-underline-position: under;
}
.rm-page-ref {
font-style: italic;
}
.rm-block-ref {
font-size : 1em;
color : #bd93f9;
font-style : italic;
border-color: rgba(141, 156, 176, .2);
transition : border-color 0.26s ease;
}
.rm-block-ref:hover {
background : none;
cursor : pointer;
border-color: rgba(141, 176, 152, .5);
}
.rm-page-ref-tag {
background : #ffb86c;
box-shadow : 0 0 6px #ffb86c;
padding : 3px;
color : #1a1836;
font-weight : 500;
display : inline-block;
padding : 0 3px;
border-radius: 2px;
}
.rm-page-ref-tag:hover {
text-decoration: none;
color : #ffb86c;
background : none;
box-shadow : inset 0 0 0 1px #ffb86c;
}
.controls .simple-bullet-outer .simple-bullet-inner {
background-color: #7a6ae6;
}
.block-highlight-blue {
background-color: #171520;
}
.roam-block-container {
border-radius: 0;
}
.block-border-left {
border-left: 1px dotted rgba(213, 251, 216, .26);
}
.roam-body .roam-app .roam-sidebar-container {
background-color: #1a1836;
border-right : 1px rgba(255, 255, 255, .06) solid;
}
.starred-pages-wrapper > div:first-of-type {
background-color: rgba(255, 255, 255, .06) !important;
}
.starred-pages a div:before {
content: '• ';
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
color : #8be9fd;
text-shadow : 0 0 4px #8be9fd;
letter-spacing: -0.002em;
font-weight : 400;
transition : all 0.16s ease;
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages a .page {
text-shadow: none;
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages a:hover .page {
text-shadow: 0 0 4px #8be9fd;
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover {
background: none;
opacity : 1;
}
.starred-pages-wrapper .flex-h-box span {
color : #00FFFF;
font-weight : 500;
font-size : 13px;
letter-spacing: 0.02em;
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button .icon {
display: none;
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
font-weight: 600;
font-size : 13px;
color : #FF00FF;
opacity : 0.4;
transition : all 0.16s ease;
padding : 8px 27px;
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button div {
font-size : 13px;
font-weight: 600;
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover {
background: none;
color : white;
opacity : 1;
}
.roam-sidebar-container .rm-db-title-container .rm-db-title {
font-size: 14px;
}
.roam-sidebar-content .top-row {
margin-bottom: 1.6em;
}
#right-sidebar > div {
background-color: #1a1836;
border-left : 1px rgba(255, 255, 255, .06) solid;
}
.rm-reference-item {
margin-top : 8px;
border-radius : 6px;
border : 1px solid rgba(255, 255, 255, .06);
margin-right : 8px;
flex : 1 1 100%;
word-break : break-word;
background-color: #1a1836;
padding : 8px;
}
.block-highlight-yellow {
background: #1a1836;
}
.roam-bullet-closed {
background-color: #FF00FF;
}
.roam-log-container .roam-log-page,
.roam-log-container .roam-log-preview,
.roam-log-page {
border-color: rgba(255, 255, 255, .06);
}
*[style*="background-color: rgb(235, 241, 245)"] {
background-color: #1a1836 !important;
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover {
background: #1a1836;
}
.bp3-input {
box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgb(255 255 255 / 15%), inset 0 0 0 rgb(255 255 255 / 20%);
}
.bp3-input.bp3-active,
.bp3-input:focus {
box-shadow: 0 0 0 1px #53D16F, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 0 rgba(16, 22, 26, 0.2);
}
.bp3-elevation-3,
.bp3-menu,
.bp3-popover .bp3-popover-content {
background: #1a1836 !important;
}
.rm-find-or-create-wrapper .rm-menu-item {
background: #1a1836 !important;
}
.bp3-elevation-3 .dont-unfocus-block:hover,
.rm-find-or-create-wrapper .rm-menu-item:hover {
background: #1a1836 !important;
color : white !important;
}
.bp3-menu .rm-search-title:hover {
color : #ff79c6 !important;
text-shadow: 0 0 4px #ff79c6;
}
.bp3-input {
background-color: #000;
}
.bp3-input:focus {
box-shadow: 0 0 0 2px #FF00FF;
color : #ff79c6;
}
*[style*="background-color: rgb(213, 218, 223)"] {
background-color: rgba(0, 22, 43, 1) !important;
}
.bp3-popover .bp3-popover-arrow-fill {
fill: #1a1836;
}
.bp3-menu {
color: white;
}
.rm-pages-title-text strong {
font-weight: 600;
}
.rm-all-pages .table .rm-pages-row.rm-pages-row-header {
background : #1a1836;
border-radius: 0;
}
.rm-all-pages .table .rm-pages-row .rm-pages-col {
align-self: center;
}
.bp3-text-small span {
font-size: 14px;
}
.rm-all-pages .table .rm-pages-row.rm-pages-row-header .rm-pages-col span,
.rm-all-pages .table .rm-pages-row.rm-pages-row-header .rm-pages-title-col span {
font-size : 12px;
font-weight: 500;
}
.rm-clickable-pill,
.rm-clickable-pill.level1-pill {
background-color: #7a6ae6;
opacity : 1;
color : #1a1836;
}
.rm-pages-title-text {
color: #FF00FF;
}
.checkmark {
background: #fff;
}
.check-container input:checked ~ .checkmark {
background: #FF00FF;
}
.check-container input:checked ~ .checkmark:after {
border-color: #fff;
}
.rm-all-pages .table .rm-pages-row {
border-color: rgba(255,255,255,0.16);
}
.rm-all-pages .table .rm-pages-row .rm-pages-title-col {
color: #FF00FF;
}
.rm-level2 {
font-size: 1.5em;
}
.rm-level3 {
color : #FF00FF;
font-weight: 400;
font-size : 1.3em;
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown {
box-shadow: none;
}
.bp3-menu-item:hover,
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting,
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting:hover {
background: #1a1836;
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a,
.roam-sidebar-container .rm-db-title-container .rm-db-title {
color: white;
}
.rm-query {
border : 0.5px solid #e4e9ec;
border-radius: 5px;
}
.title-children-text {
font-size: 14px;
}
.rm-query .rm-query-title {
background-color: #f7f8f8;
padding : 0.8em;
color : #d1dbe2;
font-size : 80%;
}
.rm-reference-main.rm-query-content {
padding: 0.8em;
}
.rm-reference-main .rm-reference-item .rm-block-text {
font-size: 90%;
}
.roam-log-page.roam-log-preview h1.level2 + div {
font-size: 13px;
position : relative;
top : 4px;
}
.rm-reference-main .rm-reference-item .controls {
margin-left: -1em;
}
.rm-ref-page-view {
padding: 0.4em 0.2em;
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
padding: 4px 6px;
}
div.roam-sidebar-container.noselect > div > div {
font-size : 14px;
letter-spacing: 0.03em;
}
.bp3-icon-caret-down::before {
content : "⌄";
position: relative;
top : -4px;
opacity : 0.6;
}
#block-input {
background: white;
}
.roam-body #block-input > span > div {
padding : 6px 24px;
background: white;
}
span.bp3-icon-small.bp3-icon-star {
display : none;
visibility: hidden;
}
.kanban-board {
background-color: #fff;
}
.kanban-card {
background-color: white;
margin : 8px;
box-shadow : 0 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 : 0 4px;
padding : 4px;
min-width : 200px;
border-radius : 3px;
}
#intercom-container,
.intercom-app,
.intercom-launcher-frame {
display: none;
}
#buffer.tall {
height: calc(100vh - 50px);
}
.check-container {
padding-right: 4px;
}
.content span.rm-page-ref {
padding: 4px 1px 1px;
}
.center-proj {
text-align: center;
}