DISCUSSION

Astern - A new theme

posted by
dbaka85
in Themes .
32 people are following

Hey everyone! 

I have been working on a theme I named Astern.
My goal was to make it fast and efficient and not too resource heavy but still be pretty :) .

Right now it only has about 15% usage for a raspberry pi3

9cab40b3-2ca0-40c1-916b-f8935f9bd172.jpg

It is still a WIP but most planned features are there: 
 

Cpu temp, core clock, usage 
Gpu temp, core clock, usage, vram usage
RAM usage


Feel free to try it:  https://dbaker85.github.io/astern/
If you find any bugs or issues, feel free to open a bug on github.
Feature requests are also welcome

Let me know what you guys think.

@dbaka85  Thank you for this! Now my default theme. 

Hey @dbaka85,

I love the theme. Would you mind uploading the un-minified Index.js? I would like to migrate this theme to the new SDK and build on the customization. Thanks

Hi @awsmpwnda 

dbaka85 shared this on GitHub, so you can find the source here :)

Seraksab

Hi @awsmpwnda 

dbaka85 shared this on GitHub, so you can find the source here :)

Yes, but the index.js is minified and I either need the source map for it or the un-minified version. The source files do not include the final compiled index.js file that is needed.

@dbaka85 Any help?

Hey @awsmpwnda.

All the original files are in the GitHub page. If you look at the `dev` branch. Everything is under `/src`. 

It starts in `Index.tsx`

All the build tooling is there too.

@dbaka85 You did a fine job on this theme, congratulations.

Is there a way to change the color of the clocks from green to red? This would match the color of the leds in my cabinet.

is there a 320x480 version of this for a 3.5in display? thanks!

Has anyone got this working vertically with the 7inch Pi Screen? 

 

 

Many thanks! 

hi, great theme
I am going to play around to see if I can get the text bigger. Unless someone has already done this and can post how to before i get into it will a jack hammer.

I figured out how to change the specific font size, but got mine up and going even got the VRAM to read right after trolling through all the post, great theme 
 

a2bc0c4a-3f76-440e-af0c-87563de3d374.jpg

Nice work Sid. Can you tell where to change the colors of the circle bars?

 

Zillomab

Nice work Sid. Can you tell where to change the colors of the circle bars?

I think, you will have to d/l github, or i think you can make the changes on github and then d/l them, not 100% sure on that  but I will be the first to tell you I am complete n00b at this


https://github.com/DBaker85/astern/blob/main/src/styles/theme.ts

 

hopefully **fingers crossed** when the new version of MoBros comes out, it makes it alot easier for modding themes

 

Here is some info on doing the hsla stuff on coloring 
https://www.w3schools.com/html/html_colors_hsl.asp

 

Zillomab

Nice work Sid. Can you tell where to change the colors of the circle bars?

so, i download the sdk and changed the themes.ts, i used notepad++, and then d/l node.js once i got all the window things installed, ran "npm install", then "npm run build" and then closed mobros and reopened after reinstalling the theme that was created when you run the npm run build and then Bob's your uncle.
 
0085556c-e349-4f7e-a2d3-300816a167d9.png

@dbaka85 

I liked the widget styling and the overall look of the theme.

I'd like to change the data displayed.

I have tried to figure out how to do that in git project, but since I'm not familiar with TS/React I got lost pretty fast.

Any plan to make the theme configurable?

a7a0c219-3c56-4be4-88f3-2548b008b7aa.jpg

love this theme! thank you for creating it and sharing it. running it off a Pi 2 B with an EDiMAX wifi dongle and testing out via HDMI. I made a longer post about it in themes for current details about the build etc. 

Login to comment

Login now
Like most websites, we also use cookies. But don't worry, we only use them for your login and statistics.