Giter VIP home page Giter VIP logo

jenkins-atlassian-theme's Introduction

Jenkins Atlassian Theme

So you want Bamboo but you can´t afford it? Well, you´re in luck! Introducing Jenkins Atlassian Theme - Bamboo for the poor. It's the perfect middle ground - not Bamboo, but looks like it could be!

In just seven easy steps this camouflage will make Jenkins look just like a product from Atlassian and blend in with the rest of your Atlassian development environment like Stash, Jira and Confluence.

The project is not affiliated or endorsed by Atlassian

Preview

https://jenkins-atlassian-theme.herokuapp.com/

This is a limited-access demo running on heroku with a couple test jobs that can be built to show their output. It's pulling the latest compiled for the CDN. A default install can been seen at https://jenkins-demo.herokuapp.com.

Note: These are running on single dynos, so the intial view could take up to a minute to load while the Dyno starts and Jenkins loads.

Installation

  1. Install the JQuery Plugin

  2. Install the Simple Theme Plugin

  3. Install the Gravatar Plugin

  4. Upload theme.js, theme-min.css and jenkins_logo.png to your web server

  5. Click Manage Jenkins

  6. Click Configure System and scroll down to Theme

  7. Specify the URL for theme.js and theme-min.css.

  8. Click Save

Hosted installation

Skip step 4 and use these URLs in step 7:

https://cdn.rawgit.com/djonsson/jenkins-atlassian-theme/gh-pages/theme-min.css
https://cdn.rawgit.com/djonsson/jenkins-atlassian-theme/gh-pages/theme.js

Development

CSS & JS files are minified and compressed with Grunt. To prepare the environment:

npm install
grunt

This will generate the following files:

dist/theme.css
dist/theme-min.css
dist/theme.js

You can publish the files on gh-pages with the following command:

grunt deploy

And you can find the files at:

  • http://YOURUSER.github.io/jenkins-atlassian-theme/theme.css
  • http://YOURUSER.github.io/jenkins-atlassian-theme/theme.js

Compatibility

  • Jenkins 2.2 and backwards
  • JQuery plugin 1.7.2-1
  • Simple Theme plugin 0.3
  • Gravatar plugin 2.1

If you are experiencing issues please let me know! Also, feel free to contribute!

Thanks to

jenkins-atlassian-theme's People

Contributors

bergil32 avatar bryant1410 avatar djonsson avatar dkapanidis avatar fredr avatar jacksoncage avatar rtgibbons avatar samblake avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jenkins-atlassian-theme's Issues

Theme did not change ?

I used the steps and put the css and js links but my UI did not change any pointers as to why that would happen ?

Save and Apply partial visible until reaching the bottom

The Save and Apply buttons are only partially visible until we've scrolled all the way to the bottom.

screenshot 2015-01-23 10 07 25

I took a look at how the un-styled Jenkins works, and they are completely hidden until you've reach the bottom of the page; and then they are shown. The code for this seems to be in hudson-behavior.js around line 1157 (Using Safari Inspector).

But the comment states

/*
    Use on div tag to make it sticky visible on the bottom of the page.
    When page scrolls it remains in the bottom of the page
    Convenient on "OK" button and etc for a long form page
*/

So not sure if this behavior was changed on purpose, or if it's a bug in their code

This is on Jenkins 1.597.

Jenkins 2 support

As Jenkins 2 is due this month, I'm wondering if the Atlassian theme will be compatible or not? Has anyone tested it yet?

Screenshot on documentation

Hi!

This is a request out of the blue but I was looking for themes for Jenkins and I end up here. Before deciding to install the theme it would be nice to see how it looks.

Thanks!

footer covering up bottom on page-body

Looks like the page-body isn't being adjusted properly for the fixed footer.

This is noticeable when content reaches the bottom of the page. i.e. configuration and console output screens. Here is an example screenshot

avbch-be_wltuc8qqmqjpf1jfzktistydcxp19xhfxc

Login Screen different when running theme locally

Hey Guys - first this is a great theme. But I have a strange problem where the theme works correctly when I link directly to your hosted css and js.

However, if I copy the css and js locally, or if I build the release locally, when I logout I see the original black jenkins butler theme on the login page instead of the blue page which seems to work for all other pages.

Thanks

test.do down

The entire test.do site is down, meaning that the example is not visible and the hosted version listed in the readme/#8 no longer works.

This seems have happened recently (within the last few hours) unless my browser is caching things for longer than I would expect.

Add support to Application Links

Please allow us to include the Application Links (top left menu) on Jenkins, this is the only missing part in making this perfect

I don't know if I can find words to describe how much I like the idea of this theme for Jenkins. The default Jenkins UI sucks big time and not only from the aesthetic point of view but also from the accessibility and usability perspective. 👍

Deploy theme using a CDN

Please deploy the theme using a CDN, this would make it much easier to deploy and also will provide free upgrades in the future.

One side effect is that will also allow to gather additional analytics data regarding popularity.

.login-container applied to #view-message

After gruntifying the project, .login-container is added to #view-message. This class should only be added to the div wrapping the login-container.

This is the problematic line in login.js:
var loginContainer = $( '#main-panel div:first' ).addClass( 'login-container' );

Problem:
<div id="view-message" class="login-container">

#view-message now has width: 325px which mess up the layout, see screenshot.

screen shot 2014-07-07 at 09 48 36

No such files as referred in readme - theme.js, theme.css

Trying to install this self-hosted.

The instructions refer to theme.js, theme.css files which is not available.
It appears you need to build it using grunt?
It seems like you need to install:

  • node
  • npm
  • grunt

All that just to build this Jenkins theme? It seems like a lot of effort for just a theme.
Node, Npm , Grunt does not come standard with Debian for example and you have to build node from source. Just to use this Jenkins theme!
Or I am missing something?
If not, can you please provide built package? Thank you!

Thanks so much!!!

Just wanted to say this is an awesome project and I appreciate it. Jenkins is a great CI server, and now it looks pretty too.

(Excuse the issue - couldn't find contact details on your github page).

How about a preview of the theme?

Would be great to have a couple of screenshots of this theme so those not familiar with it can take a peek before doing the leg work.

Hosted installation is outdated

Hosted installation mentioned in README:

https://cdn.rawgit.com/djonsson/jenkins-atlassian-theme/gh-pages/theme-min.css
https://cdn.rawgit.com/djonsson/jenkins-atlassian-theme/gh-pages/theme.js

is not up to date with master branch.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.