bjsi / incremental-everything

A RemNote plugin which allows you to interleave your flashcard reviews with notes, paragraphs from books, websites, video snippets and more! Heavily inspired by SuperMemo's Incremental Reading mode.
https://remnote.com/plugins/incremental-everything
MIT License
42 stars 3 forks source link

CSS Selectors for Themes #32

Open AkiraTheSquid opened 1 year ago

AkiraTheSquid commented 1 year ago
image

As you can see above, there are sections that are grey. I can change the colors using developer tools, but I cannot do so with RemNote's built in CSS tool.

Here are the css selectors that I tried to change but which I could not:

.incremental-everything-element { background: #171414 !important; }

button.bg-blue-50.hover\:bg-blue-70.text-white.font-bold.py-2.px-4.rounded.incremental-everthing-next-button { background: #201C1C !important; color: white !important; }

.flex.flex-row.justify-center.items-center.gap-6.incremental-everything-answer-buttons { background: #171414 !important; }

button.bg-blue-50.hover\:bg-blue-70.text-white.font-bold.py-2.px-4.rounded.incremental-everthing-done-button { background: #201C1C !important; color: white !important; }

bjsi commented 1 year ago

I think you could try doing something like this to style the plugin elements:

div[data-plugin-id='incremental-everything'] {
  font-size: 14px;
}