obsidian icon indicating copy to clipboard operation
obsidian copied to clipboard

Optimize theme for Day Planner

Open ceciliamay opened this issue 1 year ago • 3 comments

Primary Theme Version

v2.9.0

What Community Plugin do you want to get Supported?

Day Planner

Please add the link to the Community Plugin

obsidian://show-plugin?id=obsidian-day-planner

Do you have any specifics to share?

optimize Primary for Day Planner plugin

  • style plugin for both sidebar and editor view
  • consider how it looks when the pane is narrow
  • style week planner
  • style plugin's dropdown menu: filter, settings
  • consider progress bar of day planner on status bar

ceciliamay avatar Aug 30 '24 02:08 ceciliamay

reviewed styling that needs to be done this morning. some notes:

  • [x] properly style the top nav header button's cast shadow (currently looks muddy) through --shadow-color or overriding box-shadow styling
  • [x] add font-size variable to .content so that users can adjust how big their timebox font-size is + this should be connected to --checkbox-size in .rendered-markdown so that they grow-shrink together
  • [x] style .workspace-leaf-content[data-type="weekly"]
  • [x] make time indicator left column in the timeline flush to the timebox area (use same color)
  • [x] top nav buttons are using grid instead of flex. set justify-content to space-around.
  • [x] nav buttons need to be styled like nav header buttons by specifying the correct normal state, hover state, and pressed state styling for consistency
  • [x] add a color variable to .ball and .needle to allow users to color the needle through style settings
  • [x] style the date button similar to how a currently opened daily note is styled in the calendar (by liam cain) plugin
  • [x] make time indicator text bold
  • [x] change --time-block-border-color, --time-block-bg-color
  • [x] remove border-color setting ofinput[type="checkbox"].task-list-item-checkbox (so that it takes in the theme's styling for checkboxes, which should properly allow styling for alt checkboxes within day planner)

ceciliamay avatar Sep 20 '24 22:09 ceciliamay

ok this is pretty much done but i just need to optimize it for dark mode.

  • [x] optimize for dark mode

ceciliamay avatar Sep 23 '24 23:09 ceciliamay

just need to find a way for the checkboxes not to get the border that's styled by day planner.

  • [x] remove checkbox-border and ensure it inherits so that checkbox icons are usable

ceciliamay avatar Sep 25 '24 02:09 ceciliamay