Roam Research Dark Theme

theme.css

@import url('https://shodty.github.io/Dark_Age.css');

.roam-center {
    border-left: 1px solid #292929 !important;
    border-top: 1px solid #292929 !important;
    border-right: 1px solid #292929 !important;
    border-radius: 8px; !important
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.03) !important;
    overflow: visible !important;
 	margin-left: 12px;
    margin-right: 12px;
    background-color: #1A1A1A;

}
.rm-page-ref-tag, .rm-page-ref-link-color, .rm-ref-page-view-title a, .bp3-text-overflow-ellipsis a, .rm-pages-title-text strong, .rm-page-ref {
    background-color: #FFFFFF7C
      border-radius: 16px;
}
.roam-sidebar-container .roam-sidebar-content
{
background-color: #000000;
background-image: linear-gradient(147deg, #000000 0%, #434343  74%);
}
.roam-body
{

}
:root {
    /* GLOBAL FONT */
    --global-font: 'Avenir Next','Avenir LT Std', sans-serif;   /* Global font (will granulate soon) */
    /* GLOBAL WIDTH FOR BLOCKS */
    --reduce-padding-right: 568px;        /* DEFAULT 568px;  Increase these two padding values to increase */
    --reduce-padding-left: 1032px;        /* DEFAULT 1032px; the global width of your blocks on the page */
    /* TEXT COLORS */
    --page-links: #77c691;              /* [[Page Link]] */
    --attributes-color: #CEA2A1;        /* Attribute:: */
    --external-links: #00adb5;          /* https://www.google.com */
    --links-hover: #EE8443;             /* hover color of all links */
    --hashtags: #77c691;              /* #hashtag #[[hash tags]] */
    --body-text: #FFFFFFB2;             /* general body text */
    --italics-color: #FFFFFFB2;         /* __italicized text__ */
    --bold-color: #FFFFFFB2;            /* **bolded text** */
    --highlight-text-color: #d8dadb ;   /* highlighted text color */
    --highlighter: #3b5e39;             /* highlighter color */
    --background: #0A0A0A;             /* main page background */
    --sidebar-background: #0A0A0A    /* sidebar background */
    --sidebar-text: #FFFFFFB2;          /* sidebar text  */
    --page-heading: #FFFFFFB2;          /* Page Title (i.e. roam/css) */
    --daily-heading: #FFFFFFB2;         /* Daily Notes date heading */
    --headings: #FFFFFFB2;              /* h1, h2, h3 */
    --bullets: #394b59;                 /* bullet color */
    --closed-bullets: #FFFFFF7C;        /* closed bullet color */
    --references: #A3B47D;              /* reference underline color */
    --block-reference-text: #A3B47D;    /* block reference color */
    --namespaces: #1CD247;              /* Namespace/color (win: ctrl+c ctrl+L) or (mac: cmd+c cmd+L) */
    --all-pages-mentions: #F79A18;      /* mentions pill on ALl Pages */
    --cursor: #FFFFFF;                  /* cursor color */
    /* ICON COLORS */ 
    --icons: #13744c;                   /* icons color */
    --icons-hover: #a06427;             /* icons hover color */
    --filter-icon: #FF0000;             /* filter icon color */
    /* FONT SIZES */
    --main-font-size: 1em;                /* DEFAULT 1em. Can change to px, e.g. 12px, or minor increments like 1.01em */
    --page-head-font-size: 36px;          /* DEFAULT 36px. page heading */
    --h1-font-size: 2em;                  /* DEFAULT 2em. h1 size */
    --h2-font-size: 1.6em;                /* DEFAULT 1.6em. h2 size */
    --h3-font-size: 1.2em;                /* DEFAULT 1.2em. h3 size */
    --sidebar-h1-size: 26px;			  /* DEFAULT 26px. sidebar page headings */
    /* DROPDOWN MENU */
    --dropdown-menu-background: #464545; /* Dropdown menu background color */
    --dropdown-menu-highlight: #3e3d3d;  /* Dropdown menu item highlight */
    --dropdown-menu-text: #FFFFFFB2;       /* Text color in dropdown menus */
    --dropdown-newpage: #1AD546;
    /* SEARCH BAR */
    --search-bar-background: #26272a;
    --search-bar-text: #FFFFFF;
    /* KANBAN CARD COLORS */
    --kanban-main-background: #2b2a2a;
    --kanban-column-background: #2b2a2a;
    --kanban-card-background: #5959591c;
    --kanban-text-hover: #00ee6b;
}
#rm-mobile-bar { opacity: 0; }