Quorafind / Obsidian-Daily-Notes-Editor

A plugin for you to edit a bunch of daily notes in one page(inline), which works similar to Roam Research's default daily note view.
165 stars 8 forks source link

Allow for unicoloured icon / allow for disabling icon #25

Open kithairon opened 1 year ago

kithairon commented 1 year ago

Feature Requested

Greatly useful plug-in! Thank you. Was hoping for something like that for a while. My only little nag: the colourful icon stands out in the ribbon. Any chance that this could be made to blend in more? Or disabled? What you see in the screenshots is the Minimal theme. (The effect is no less garish in the default theme). Thanks fo r your efforts.

Relevant Screenshot

screenshot

light

Checklist

ThunderWeed commented 1 year ago

I join the request to add the ability to make the icon the same color as the rest. I couldn't do it myself through css.

sbc commented 1 year ago

Here's what I did to help this plugin work better with the theme I'm using (Prism). It's mostly reverting to defaults so should work with most themes.

  1. Create a file (eg. daily-notes-editor.css) in [vault]/.obsidian/snippets
  2. Add the following code to the file:
.daily-note-title {
  color: unset !important;
}
.daily-note-title:hover {
  background-color: unset !important;
}
.svg-icon.daily-note svg path {
  stroke: var(--icon-color) !important;
}
.svg-icon.daily-note svg g path {
  fill: var(--icon-color) !important;
  stroke: var(--ribbon-background) !important;
  stroke-width: var(--icon-l-stroke-width) !important;
}
  1. Turn on the snippet in Settings > Appearance.

CleanShot 2023-02-08 at 17 11 43@2x

kithairon commented 1 year ago

@sbc Thanks for this! Works wonderfully and solves my issue. Appreciate your css snippet and your posting of it.