I was stuck in the CSS. Please Help!

RemNote Learning RemNote
#1

How can I change those colors to a bright one? Please help!!! :stuck_out_tongue:
CleanShot 2021-06-03 at 22.49.51
CleanShot 2021-06-03 at 22.50.19

#5

#homepage #content #document-sidebar a:hover, #homepage #content #document-sidebar a:visited, #main #content #document-sidebar a:hover, #main #content #document-sidebar a:visited {
color: yellow;
}

is this working for you?

#2

I also had the same problem with my Solarized dark theme. But this happens only in the web app for me. In desktop it works fine

#3

Especially for those icons, I think we can make them at least visible by inverting them. Also need to check if the inversion trick works on all browsers. Here is what I got from Chrome

image

image

and here is the CSS with comments

/* queue icon, search, plus icons */
#document-sidebar__link img, .document-sidebar__document-buttons__button img {
	-webkit-filter: invert(1);
	filter: invert(1);
}

/* Documents icon */
#document-sidebar__document-buttons__document-link-container > span > i {
   -webkit-filter: invert(1);
   filter: invert(1);}

/* Edit later icon */
#document-sidebar__link > span > i {
	-webkit-filter: invert(1);
	filter: invert(1);}

/* Bottom bar icons */
#document-sidebar__bottom-buttons .document-sidebar__bottom-buttons__button {
	-webkit-filter: invert(1);
	filter: invert(1);
}


/* font color */
#main #content #document-sidebar a, #main #content #document-sidebar a:hover {
 color : yellow !important;
}

/* hover - set some color */
#main #content #document-sidebar a:hover {
 color : turquoise !important;
}

/* lighten the streak background a little bit */
#document-sidebar__link__queue-indicator {
	background: rgba(210,225,248,.1);
}
/* set inverted red color for streak indicator */
#document-sidebar__link__queue-indicator .queue__streak-indicator  i {
	-webkit-filter: invert(1);
	filter: invert(1);
	color: #2fd9d9;
}
#4

Wow… It’s tricky. appreciate your effort!! :stuck_out_tongue: