search

shodty / Roam_Dark_Age

Dark Theme for Roam Research
25 stars 9 forks source link

Update for blockquotes? #5

Closed kerim closed 3 years ago

kerim commented 3 years ago

Roam now supports blockquotes, but it just appears as a white block in this theme...

akaSylvia commented 3 years ago

This makes the theme unusable for me as I use blockquote a lot.

kerim commented 3 years ago

I added this, stolen from @abhayprasanna, to the bottom of the CSS:

/*---------------------------------------------------------------------------*/
/* Block quote styling */
.rm-bq {
  background-color : var(--sidebar-background);
  color            : var(--italics-color) !important;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: var(--references);
  font-family      : var(--header-font) !important;
  width            : 100% !important;
  margin           : 0px !important;
  padding-top      : 0px;
  padding-bottom   : 0px;
  font-size : 1.1em;
}

.rm-bq::before{
  content: "❝\A";
  white-space: pre;
  font-size: 100%;
  color: var(--references);
}

.rm-bq::after{
  content: "\A❞";
  white-space: pre;
  color: var(--references);
  font-size: 100%;
}
akaSylvia commented 3 years ago

Thanks. That bit is working with my Leyendecker theme but not with Dark Age. I'll have a play and see if I can work out what's going on. ETA: Huh. Not sure what I did differently but I decided to start over and it is working now -- thanks for that!

abhayprasanna commented 3 years ago

I've been trying to maintain Dark Age with several enhancements in my "fork" (more like a rebuild) here: https://github.com/abhayprasanna/abhayprasanna.github.io

akaSylvia commented 3 years ago

I've been trying to maintain Dark Age with several enhancements in my "fork" (more like a rebuild) here: https://github.com/abhayprasanna/abhayprasanna.github.io

This looks very interesting but is there an option to specify dark or light? It says it matches my OS theme, which it is presumably seeing as "light" as that is what I'm getting. However, part of the point of this for me is that I have two graphs, where I want a visual indicator of which one I am on. It would be great to have a single theme which worked for both graphs, if only I could forcibly set one of them to dark...

abhayprasanna commented 3 years ago

Correct - if you would like just a static color (irrespective of system setting), I recommend clicking into any of the themes in my folder, e.g., dark-age-dracula.css or dark-night-roam.css, etc. (i have a few more) and then removing the light theme and the @media selector (so you would only retain the dark mode root variables in each)

shodty commented 3 years ago

Apologies for missing this thread! I've included Abhay's fix in the main CSS for Dark Age. Thx all.