Interactive: Portainer Theme Generator

Sep 12, 2021
55 seconds

How to use?
Select a color down below, then copy the code generated below and use a custom CSS plugin (like Custom Style Script)

        
#sidebar-wrapper, .sidebar-header, .boxselector_wrapper input[type=radio]:checked+label
{ background: #46a385 }

a, .fa.blue-icon, .fab.blue-icon, .btn-link, .cm-s-default .cm-atom,
.boxselector_wrapper input[type=radio]:checked+label:after, a:focus, a:hover
{ color: #3c997b }

ul.sidebar .sidebar-list a.active, ul.sidebar .sidebar-list a:hover,
.btn-primary, .widget .widget-icon, .label-primary
{ background: #3c997b !important }

.boxselector_wrapper input[type=radio]:checked+label,
.boxselector_wrapper input[type=radio]:checked+label:after
{ border-color: #3c997b }

ul.sidebar .sidebar-list a, ul.sidebar .sidebar-title
{ color: #ffffffe0 }

ul.sidebar .sidebar-list a:hover { border-left: 3px solid #64c1a3 }

.bootbox-form .checkbox :checked~i, .switch :checked+i
{ box-shadow: inset 0 0 1px rgb(0 0 0 / 50%), inset 0 0 40px #46a385 }

Example (#a44650)


See Also