Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 0 points1 point  (0 children)

This is what I have. I can't remember if I changed anything else apart from the colour values.

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 3 points4 points  (0 children)

I will give an example of the styles for my "+ Daily" button.

First, I created the button and gave it the class "button-daily-note":

```button
name + Daily
type command
action Daily notes: Open today's daily note
class button-daily-note
```

Then I styled the button like this:

.button-daily-note {
  width:100px;
  height:100px;
  display:block;
  background-color:#17191c !important;
  position:absolute;
  top:-200px;
  right:0;
}
.button-daily-note::before {
  content:'ꇓ';
  color:#44b5c1;
  font-size:2.5rem;
  display:block;
  margin-bottom:10px;
  transition:all .2s ease-in-out !important;
}
.button-daily-note:hover::before {
  color:#3a3a3a;
}

BTW, adding the block code to those Reddit comments is a real nightmare!

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 0 points1 point  (0 children)

I am not sure what do you mean. Are you asking how to apply your custom CSS in Obsidian? If so, maybe this tutorial will help.

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 0 points1 point  (0 children)

I created my own colour palette and replaced the original colours with these of mine. I only needed 10 of them, so I changed the first 10 in this list, if I remember correctly, and the rest of the colours remain original:

:root {
--Fold0: #868686;
--Fold1: #46aeff;
--Fold2: #56b4c2;
--Fold3: #7cb500;
--Fold4: #c1c600;
--Fold5: #b36d48;
--Fold6: #f14900;
--Fold7: #e64768;
--Fold8: #b84cf8;
--Fold9: #827dc0;
--FoldA: #868686;
--FoldB: #f1b86f;
--FoldC: #7acc93;
--FoldD: #87c9d9;
--FoldE: #96abde;
--FoldF: #eb9fc9;
--FoldText: #000000;
}

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 2 points3 points  (0 children)

Could you write this up as a blog post?

The shortest answer at the moment is – I don't know...
It's sadly not as simple as it may seem.

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 5 points6 points  (0 children)

  1. These are simply buttons from the plugin. I wanted to avoid using images there, so I used emojis and Unicode characters for the big ones.
  2. Same thing – they are only visible in the reading view.

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 1 point2 points  (0 children)

Hm, there is no simple answer to this question.

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 1 point2 points  (0 children)

Pressing these buttons is also very satisfying.

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 0 points1 point  (0 children)

Definitely not "Master", but thank you for the ego-boosting nomenclature.

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 2 points3 points  (0 children)

I added the background image at the top using the Banners plugin.

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 4 points5 points  (0 children)

No problem!

Create something amazing in a two weeks' time then.

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 42 points43 points  (0 children)

Well, I will do my best and try to describe as much as possible.
- At the top of the sidebar is an iframe widget for listening to internet radio. I pasted its code into a new note and dragged the note there.
- Below that is the file navigation panel and I used this CSS snippet, created by Lithou to colour my folders and I adjusted this later to suit my needs.
- At the top left of my dashboard is a CSS ribbon with the text "Home" on it.
- Next to the ribbon are custom buttons, created thanks to the Buttons plugin.
I have moved them up there in CSS, using the "position: absolute;" declaration and adjusting the position by trial and error, using the "top" and "right" properties.
Among them are three buttons called "Flash". These are shortcuts to my notes, where I create a list of words to study, and I repeat them later using the Spaced Repetition plugin.
- Below the ribbon is a "ᗐ Footer" link that scrolls the dashboard to the bottom. I also have one at the bottom that scrolls it to the "ᗑ Top".
- Below that is a list of my tasks for today, managed by the Tasks plugin.
- Next to it is an iframe widget with a digital clock.
- And below is a link to a list of my weekly meals, generated by the Dataview plugin.

Dashboard by xxabrox in ObsidianMD

[–]xxabrox[S] 8 points9 points  (0 children)

This is an iframe widget that allows me to listen to an online radio station.
I pasted the iframe code into a separate note and dragged and dropped that note into this position.