How to change the UI styling of JIRA

Very easy with ScriptRunner!

But first… you need to change the setenv.sh file from your bin folder of JIRA.

We need to add to the JVM_REQUIRED_ARGS the system property plugin.resource.directories

Once added to the target folder, you can upload here the CSS or JS files you need for you UI customizations.

Then RESTART the jira service ( stop-jira.sh and start-jira.sh)

You can see if the folder is loaded correctly invoking ps aux | grep java

Create in the target folder another folder called “modules”. And copy inside this file and name it as “green-issue.css”

body {
color: green !important;
background-color: black !important;
}

.issue-body-content {
color: green !important;
background-color: black !important;
}

.aui-page-header {
color: green !important;
background-color: black !important;
}

.command-bar {
color: green !important;
background-color: black !important;
}

h2 {
color: green !important;
background-color: black !important;
}

h1 {
color: green !important;
background-color: black !important;
}

li {
color: green !important;
background-color: black !important;
}

.aui-sidebar-body {
color: green !important;
background-color: black !important;
}

.aui-header {
color: green !important;
background-color: black !important;
}

.aui-nav-item {
color: green !important;
background-color: black !important;
}

Once started JIRA, you can go to “Cog icon–>Add-ons–>SCRIPTRUNNER–>Script Fragments”

And add a Web Resource action with these parameters

Then go to any Issue and make a preview…. AS/400 f**k’n style!