GithubHelp home page GithubHelp logo

walkxcode / homer-theme Goto Github PK

View Code? Open in Web Editor NEW
446.0 446.0 33.0 7.27 MB

๐ŸŽจ A custom Homer theme!

Home Page: https://wiki.walkx.org/en/Docs/homer-theme

License: MIT License

CSS 100.00%
dashboard dashboard-theme homer homer-theme selfhosted theme

homer-theme's Introduction

Metrics


This readme is licenced under the WTFPL license!

homer-theme's People

Contributors

0xd4 avatar grandmastermarco avatar katypurry avatar walkxcode avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

homer-theme's Issues

Text size

Hi, I soon run out of screen real estate, I currently have a whoogle search box which allows me to fit 6 items below and 4 columns, I'd like to shrink the size of text icons and outline boxes for each item, so i can fit more on any one page?

Change the row to 5 cards

I am trying to change the row to 5 cards but i can't find any reference to the amount of rownumbers anywhere.
Is there anyway to change this and if so then where?

Raleway font doesn't render

Hello,

In v2, fonts are served from disk and that is causing issues in the browser as it is not rendering... I've tested it on both Safari and Firefox.

If I remove those lines from the CSS and add in the @import lines from v1 that pulls from Google, it works fine.

EDIT: It seems that the Lato font renders fine, it's just the Raleway font that has issues.

Dark mode by default

Hi! ๐Ÿ˜„
First all, thanks a lot for this great Homer theme. I've been using it for quite some time now and I'm still loving it. ๐Ÿ‘
My question is quite simple and I apologize in advance in case I've missed something very obvious here: I'd like to set in my config.yml that always the dark mode is used. I've tried theme: dark, but that didn't work for me.
Any hints how I can achieve this? Thanks in advance.

Menu Bar

Id like to be able to put the menu bar back with this theme.

I have put the code menu bar code back into the config.yaml file to put the menu back but it doesn't show.

Header bug with Firefox

Header isn't displayed with custom stylesheet on Firefox (93). When you remove :

stylesheet:
  - "assets/custom.css"

from the config file, it works (without custom CSS of course). Test also with a blanck custom.css file, same behaviour.

Hover Display Issue on Safari

I'm using your great theme on Safari and I'm seeing some display issues on hover. In this screenshot, I'm hovering over the Portainer card, but some other cards have a dark overlay that is very dynamic and changes as I move the cursor around the screen.

image

I tried it with Chrome and I do not see this behavior, but I thought I'd let you know.

How to set up custom services ?

I have installed this theme, and then I'm following the instructions of Homer documentation to set up custom services card, but nothing change.
Like, no data display or status, is this normal ?

Separate colors of normal text and message text

Hi there!
Is there a way to specify different colors for headings and the message-box text?

Right now, the property colors -> light -> text modifies both the headings of the different sections (e.g. Tools in the screenshot), but also the text color of the message box text, which makes it barely readable with the default color settings.
The text in the message box is longer, I just selected bits of it for us to be readable.

Screenshot 2022-05-05 at 11 54 25

Thanks and best regards!

Vertical instead of horizontal apps

When i add my applications under services, they're listed horizontally instead of vertically like in the default Homer and in your example image. How can i list them vertically like you have in your example?

Change Color Title columns

Hi,
thanks for your great theme;)

I would like to change the color of the title in black at least for the light version.
Is it possible?
I've attached a screen shot to explain better...

Thanks
Uploading Screenshot 2021-10-18 at 17.42.01.jpgโ€ฆ

Want to change App Card background color

Hi, I wanted to change the app card background color in the light mode but I am not able to do it properly. You can see my current preview for the light mode and my changes to the config and custom.css files here
The changes I made to the custom.css file for app card background show up for both dark and light mode. How to I set them separately?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.