DEEP GUI CUSTOMIZATION

[Federico Falour]

Guys!

I'm trying to customize colors on my rundeck instances. I was looking the html code and I see there's several .css files associated with the frontend GUI. But the all seem to be randomly generated as they all look like this:

<link rel="stylesheet" href="/assets/rundeck-2069c2dde6f5825651d57b82e1181955.css">

I'm not sure how that css is generated, or where to find it. 

I know it's a very noob question, but I just want to get these rundeck instaces ready to blow people minds! =)

Thanks in advance!

F.

[dzz...@gmail.com]

Hello,
I have been doing some major UI changes as well. ( we are building from source and bundling and deploying a war)
Here is where I am customizing it and it works.
ls -la rundeck/rundeckapp/grails-app/assets/*
images     
javascripts
stylesheets

Hope that helps.
Cheers, Dharmendra

[Federico Falour]

Thanks for the reply!

Are you using Ubuntu or RHEL?

The closest thing I have is:

root@run-deck02:/> find / -name assets

/var/lib/rundeck/exp/webapp/assets

/usr/local/bin/redis-2.8.5/tests/assets

/usr/local/bin/redis-2.4.13/tests/assets

/usr/local/bin/node-v0.6.16/doc/api/api/assets

But I have tons of .css files in there. I've check the html source code and everything is coming from href="/assets/rundeck-2069c2dde6f5825651d57b82e1181955.css" (which I have). I've changed colors in that file, but nothing gets reflected on the browser. I've even replaced every single color with a #sed line to black, and nothing.

F.

[dzz...@gmail.com]

Hello,
Not sure how much this will help, but here is how we are updating it.

We are building Rundeck from source ( internally versioned in Git for some fine tuning) and creating a .WAR and bundling all the plugins.
The server is a Redhat Linux ( CentOS 6.5) and deployed and running behind apache tomcat.

When we make UI changes ( css, js or images), we just update files under the rundeckapp/grails-apps/assets and make the necessary changes, build and deploy the war file  ( which explodes into webapps/rundeck/assets/)
For instance, we added some custom css that is checked into rundeckapp/graisl-apps/assets/css/ and get built into under here after deploying.
ls /opt/rundeck/current/webapps/rundeck/assets/akerbootstrap.css
/opt/rundeck/current/webapps/rundeck/assets/akerbootstrap.css

Not sure how to or if it is possible to change if the install was on a  Linux VM using the rpm install. Is that how you are running?
Is there a rundeck.less or non-responsive.less file there?

Attached is a diff for example and attached before ( black background) and after ( greay background change) in the navbar.

git diff rundeck.less
diff --git a/rundeckapp/grails-app/assets/stylesheets/rundeck.less b/rundeckapp/grails-app/assets/stylesheets/rundeck.less
index dd35235..83e6564 100644
--- a/rundeckapp/grails-app/assets/stylesheets/rundeck.less
+++ b/rundeckapp/grails-app/assets/stylesheets/rundeck.less
@@ -33,7 +33,7 @@
   .navbar-brand{
     font-family: 'Futura';
     text-transform: uppercase;
-    background-color: #000000;
+    background-color: #DCDCDC;
     &:hover, &:focus{
       color: red;
       background-color: #000000;

Cheers, Dharmendra

[Morad TAFER]

HI all,

I have exactly the same issue as described per Federico.

I did the installation through RPM, and I am looking for the right stylesheet file to modify :(

I did a search on rundeck.less, but absolutely nothing.

May you please help?

[Ameen Ali]

I'm looking for the same as well. Installed through RPM. 

Any answers? 

[Luis Toledo]

Hi  Guys

It is not possible to do that, look this post in github: https://github.com/rundeck/rundeck/issues/1641

However, you can do what Dharmendra said, editing the source code:

1) Clone github project  https://github.com/rundeck/rundeck

2) Edit  rundeckapp/grails-app/assets/stylesheets/variables.less

3) then you have to create the luncher jar file (and war file), running this command in the rundeck's home path: 

https://github.com/rundeck/rundeck/wiki/Building-and-Testing

./gradlew build 

rundeckapp/target/rundeck-X.Y.war
rundeck-launcher/launcher/build/libs/rundeck-launcher-X.Y.jar
if you need to create the rpm o deb package you must do this: https://github.com/rundeck/rundeck#other-builds

4) Start rundeck or deploy it in tomcat 

https://github.com/rundeck/rundeck/wiki/Tomcat-Deployment

for example, I change the navbar color and the panel primary of bootstrap css,  editing the variable @brand-primary

I hope that this works for you

Best

Luis Toledo