Theme Sinufy (dark gray/green) 1.0.2

[solding]

solding submitted a new resource:

Sinufy (dark gray/green) - a gray / green theme for sinusbot

This is a ongoing project with more updates coming

Feel free to message me if u have any thoughts / questions or feedback etc. about the theme.

Installation:

• Paste the sinufy.css file into .../sinusbot/data/themes folder.
• Open up the webinterface and navigate to "Personal Settings".
• Choose "sinufy" as your theme (refresh the page if it doesn't show upp).

...

Read more about this resource...

 

[solding]

solding updated Sinufy (dark gray/green) with a new update entry:

Small uppdate!

- Minor css fixes & cleanup.
- Redesigned drop down menus to match the theme better.

Read the rest of this update entry...

 

[solding]

solding updated Sinufy (dark gray/green) with a new update entry:

Updated checkboxes + " down arrows"

• A checked "checkbox" is now a green large checkmark only, to easier spot the activated scripts etc..
• The "chevron down" arrow on expanded scripts is now green to.

Spoiler: Image

View attachment 2007

Read the rest of this update entry...

 

[R3v07v3R]

I have 1 suggestion, for some more custom CSS that I've implemented.
It changes the Checkboxes into Toggle Switches.

input[type=checkbox], input[type=checkbox]:checked {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  border: 0;
  outline: 0;
  cursor: pointer;
  margin: 1px 5px 1px 0px;
  width: 32px;
  height: 16px;
}

input[type=checkbox]:after {
  content: '';
  width: 32px;
  height: 16px;
  display: inline-block;
  background: rgba(196, 195, 195, 0.55);
  border-radius: 18px;
  clear: both;
}

input[type=checkbox]:before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

input[type=checkbox]:checked:before {
  left: 16px;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}

input[type=checkbox]:checked:after {
  background: #1db954;
}

input[type=checkbox], input[type=checkbox]:before, input[type=checkbox]:after, input[type=checkbox]:checked:before, input[type=checkbox]:checked:after {
  transition: ease .3s;
  -webkit-transition: ease .3s;
  -moz-transition: ease .3s;
  -o-transition: ease .3s;
}

label.ng-binding {
  padding-left: 0px;
}

.checkbox+.checkbox, .radio+.radio {
    margin-top: 0;
}