Is there a way I can change the style on the webgui? Say change the colours oof the background etc... What would be a good idea if there were themes implemented in the future versions...
Styling the webgui
-
- OMV 1.0
- martinjh99
-
-
-
CheersDavid is that in 1.0 and where I would I put the CSS file?
-
/var/www/openmediavault/css/
Greetings
David -
-
Screenshot Solo?
Greetings
David -
Here is a dark-gray css with a background image
put it in /var/www/openmediavault/Cheers Mate! - presume you put in the CSS subdir?
-
screenshots added
and yes, the css subdir is included inside the zip.
-
Got it thanks I wonder what else I can change.... Is there Docs on the CSS?
-
Some kind of:
Login Page-
On the use of body:
This code above sets that furthest back item on the page.You can use color or image. In the use of body if you use code:
it will put this over the backgroud color or image that you set with "background". So if you just want 1 thing in the background do not use background-image too. I could imagine there would be situations with a small picture where you might want color on the margins. In this case you could set base color with background and use background-image for the picture.Workspace-
Status/Percentage Bar color (like cpu percentage bar):Code.x-progress-default .x-progress-bar-default { background-color: #99BDA4; /* Cooperate color */ background-image: none; /* Flat design */ ]
Backgroud color when you put cursor over category (i.e. system, service, etc...):
Code.x-workspace-node-view-category-header .x-item-over { background-color: #D8EDDB; cursor: pointer; }
Backgroud color when you put cursor over an icon:
Most of the functions are self explaining IMHO. But there is no complete documentation available.
-
Here is the easiest way I find to get started:
cd /var/www/openmediavault/css
cp omv.css omv-custom.cssThis will copy everything from the default omv.css file and give you correct chown/cmod for the custom file.
Then you can just test editing various things in the custom file. Some are described above.
Remember that after every edit of the custom file you will need to refresh your browser to see the effects of the edits.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!