• If you need help or want to discuss things, you now can also join us on our Discord Server!
Sinufy (dark gray/green)

Theme Sinufy (dark gray/green) 1.0.2

No permission to download

solding

Member
Contributor
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...
 

R3v07v3R

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

CSS:
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;
}
 
Top