Skip to content

Commit

Permalink
Merge pull request #30 from camalot/topic/more-icons
Browse files Browse the repository at this point in the history
Topic/more icons
  • Loading branch information
camalot authored Jun 16, 2016
2 parents 9d4bb20 + 26a8aec commit bd0618c
Show file tree
Hide file tree
Showing 8 changed files with 159 additions and 64 deletions.
17 changes: 16 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
A theme for Jenkins to give a dark look.

```
NOTE: This has not been tested with Jenkins 2.x.
NOTE: Tested with both Jenkins version 1.6xx+ and 2.x (some things on 2.x are not styled properly yet.)
```

You will need to add the domains that you want this to apply to yourself if you use the Stylish plugin.
Expand All @@ -15,6 +15,7 @@ You will need to add the domains that you want this to apply to yourself if you
- Click `Configure System` and scroll to `Theme` section
- Specify the URL of `http://camalot.github.io/jenkins-dark-stylish/jenkins-dark.min.css` for the CSS
- Click `Save`
- Profit!

### Native Jenkins Plugin
- Download the [latest release hpi file](https://github.com/camalot/jenkins-dark-stylish/releases/latest)
Expand All @@ -41,6 +42,20 @@ _NOTE: these steps may be slightly different for FireFox version of Stylish_
- Add your domains that you want this to apply to
- Profit!

### Install the plugin via chef and the [jenkins-cookbook](https://supermarket.chef.io/cookbooks/jenkins)

```
jenkins_dark_theme_version = '1.0.105'
jenkins_dark_source = "https://github.com/camalot/jenkins-dark-stylish/releases/download/jenkins-dark-stylish-#{jenkins_dark_theme_version}/jenkins-dark-stylish-#{jenkins_dark_theme_version}.hpi"
jenkins_plugin 'jenkins-dark-theme' do
action [:install]
source jenkins_dark_source
end
```
- Profit!


## Screenshots

![Jenkins Menu](http://i.imgur.com/7nL7lLg.png)
Expand Down
3 changes: 1 addition & 2 deletions appveyor.yml
Original file line number Diff line number Diff line change
Expand Up @@ -130,6 +130,5 @@ after_deploy:
& git push origin gh-pages;
}
} catch [Exception] {
"$_.Exception.GetType().FullName, $_.Exception.Message" | Write-Error;
throw;
"$_.Exception.GetType().FullName, $_.Exception.Message" | Write-Warning;
}
23 changes: 12 additions & 11 deletions jenkins-dark.less
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,9 @@
}
@import url( './parts/_keyframes.less');
@import url('./parts/_scrollbar.less');
@import url('./parts/_dialogs.less');

#main-panel,
.bottom-sticker-inner,
.top-sticker-inner,
body,
html {
background: @background-dark;
Expand Down Expand Up @@ -41,13 +40,15 @@ a,
a:link,
a:visited {
text-decoration: none;
color: @blue;
/* this is !important because there are places that it is set to black inline and no available selector. */
color: @blue !important;
outline: none;
}
.setting-input,
input[type='password']:hover,
input[type='text']:hover {
border-color: #4183C4;

}
.setting-input,
input[type='password'],
Expand All @@ -57,8 +58,8 @@ input[type='text'] {
color: @text-light;
background-color: #3a3a3a;
outline: none;
padding: 6px 5px 4px;
border-radius: 0;
padding: 6px 5px 4px !important;
border-radius: 0 !important;
box-shadow: none;
}
footer {
Expand All @@ -73,10 +74,7 @@ footer {
@import url( './parts/_notifications.less');
@import url( './parts/_wtf.less');
@import url( './parts/_code-editor.less');
.bottom-sticker-edge {
/* hide the shadow on the bottom panel */
display: none;
}

#menuSelector {
-webkit-filter: invert(100%);
}
Expand Down Expand Up @@ -104,13 +102,16 @@ footer {
}
.section-header {
margin: 5px;
margin-bottom: 5px;
margin-top: 5px;
padding: 10px;
padding-bottom: 10px;
font-size: 3em;
background-color: @blue;
color: @text-light;
text-transform: uppercase;
border: none;
border-bottom: none;
border: none !important;
border-bottom: none !important;
}
@import url("./parts/_breadcrumbs.less");
@import url("./parts/_side-panel.less");
Expand Down
12 changes: 12 additions & 0 deletions parts/_dashboard.less
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ table#computers {
}
.dashboard {
table#projectstatus {
.job-status-disabled,
.job-status-red-anime,
.job-status-yellow-anime,
.job-status-green-anime,
Expand All @@ -26,6 +27,17 @@ table#computers {
vertical-align: middle;
}
}

.job-status-disabled {
color: darken(@text-light,10%) !important;
text-decoration: line-through;
opacity: 0.5;
a {
color: darken(@text-light,10%) !important;
text-decoration: line-through;
}
}

&.stripped-odd tr:nth-child(even),
&.stripped tr {
&.job-status-red-anime,
Expand Down
61 changes: 61 additions & 0 deletions parts/_dialogs.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
@import url( './_variables.less');


.bottom-sticker-inner,
.top-sticker-inner {
background: @background-dark !important;
color: @text-light !important;

border-radius: 0 !important;
border: 0 !important;
}

#bottom-sticker {
left: 250px !important;
right: 0 !important;
}

.bottom-sticker-edge {
/* hide the shadow on the bottom panel */
display: none !important;
}

#jenkins {
.jenkins-config {
background: @background-dark !important;
color: @text-light !important;
border: 0 !important;
table.config-table {
background: @background-dark !important;
color: @text-light !important;
}
}
}


.jenkins-config-widgets {
background: @background-dark !important;
border: 0 !important;
border-radius: 0 !important;

.form-config.tabBarFrame {
border: 0 !important;
.tabBar {

.tab {
border: 0;
border-bottom: solid lighten(@background-333,10%) 6px;
border-radius: 0 !important;
background-color: @background-333;
&:hover {
background-color: darken(@blue,10%);
border-bottom: solid darken(@blue,15%) 6px;
}
&.active {
background-color: @white;
border-bottom: solid @blue 6px;
}
}
}
}
}
Loading

0 comments on commit bd0618c

Please sign in to comment.