Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Garbz theme updates #1161

Merged
merged 8 commits into from
Nov 9, 2020
Merged

Garbz theme updates #1161

Show file tree
Hide file tree
Changes from 5 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
b11f6f8
Glanceable - Fixed layer spacing
thegarbz Nov 7, 2020
b444b3f
Garbz Theme Index
thegarbz Nov 7, 2020
3cfff4d
New Theme "Focus"
thegarbz Nov 7, 2020
b46328a
BigFingers settings hitbox incresaed
thegarbz Nov 8, 2020
e480cca
Fix duplication error
thegarbz Nov 8, 2020
48ac302
Added Link to NOX theme
thegarbz Nov 9, 2020
abfc903
Performance Warning
thegarbz Nov 9, 2020
11504a5
Focus: Fixed centering on percent
thegarbz Nov 9, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 13 additions & 3 deletions themes/theGarbz/BigFingers/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# BigFingers theme v0.1
# BigFingers theme v0.2

This variation on the standard theme increases the width of the scroll bars to make them easier to touch on small displays.
No special requirements exist for this theme, however it is intended for small low resolution displays.
This variation on the standard theme increases the width of the scroll bars to make them easier to touch on small displays.
No special requirements exist for this theme, however it is intended for small low resolution displays.

To install copy the custom-styles.css file into the octodash config folder:
```
Expand All @@ -22,3 +22,13 @@ To install copy the custom-styles.css file into the octodash config folder:
3. Settings:

![Settings](screenshots/screenshot_settings.png)


### Version History:

__v0.2:__
* Hitbox of settings button increased.

__v0.1:__
* Initial Issue
* Larger vertical scrollbar width.
8 changes: 7 additions & 1 deletion themes/theGarbz/BigFingers/custom-styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,12 @@ app-filament .scroll__thumb-inactive {
width: 58vw!important;
}

/**** Make settings button easier to hit ****/

.main-menu__settings-icon {
padding: 5vh 5vw 4vh!important;
}

/**** Update Settings ****/

.settings-container {
Expand All @@ -79,7 +85,7 @@ app-filament .scroll__thumb-inactive {
}

.settings__made::after {
content: "BigFingers theme v0.1 by theGarbz";
content: "BigFingers theme v0.2 by theGarbz";
width: auto!important;
font-size: 73%;
display: inline-block;
Expand Down
Binary file added themes/theGarbz/BigFingers/screenshots/icon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
54 changes: 54 additions & 0 deletions themes/theGarbz/Focus/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
# Focus theme v0.1

This theme is based on the classy NOX theme by NoxHirsch and has been modified to Focus on highlighting the most important information for a user. The goal was to create a theme that could easily be read from a distance. Some of the features are listed below:
UnchartedBull marked this conversation as resolved.
Show resolved Hide resolved
* High contrast display of relevant information (e.g. print time, temperature)
* Low contrast display of all other info (e.g. units, time elapsed)
* Large horizontal and vertical progress bars readable from a distance.
* Large print time remaining indicators
* Pre-printing screen highlighting buttons.
* Full screen menus and adjustments with coloured backgrounds for context.
* Red highlighting of error messages

To install copy the custom-styles.css file into the octodash config folder:
```
~/.config/octodash/custom-styles.css
```

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What Pi are you running this theme on? I noticed on the OG Raspberry Pi 3 the blur effect really takes a hit on performance. Might be worth adding as a heads-up here for other users (same would need to be added to the NOX theme then of course).

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good idea. I've noticed it wasn't quite as smooth but I didn't know why, and it's not really terrible performance just a little bit of stutter. I'm running on a Raspberry Pi 4. I added a warning commit abfc903

I also fixed a misaligned element in another commit but hopefully we should be finished now.

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

###### Theme by theGarbz.

## Screenshots:

1. Printing with the Horizontal Progressbar:

![Horizontal Progressbar](screenshots/screenshot_print.png)

2. Printing with Circular Progressbar:

![Round Progressbar](screenshots/screenshot_print2.png)

4. File Selection:

![File Selection](screenshots/screenshot_fileselect.png)

5. Pre-print screen:

![Pre-print screen](screenshots/screenshot_filequeue.png)

6. Adjustments mid print:

![Adjustments](screenshots/screenshot_adjust.png)

7. Errors:

![Errors](screenshots/screenshot_error.png)

8. Main Screen:

![Main Screen](screenshots/screenshot_main.png)

9. Settings:

![Settings](screenshots/screenshot_menu.png)



Loading