diff --git a/css/discorded.css b/css/discorded.css new file mode 100644 index 0000000..cc8cd73 --- /dev/null +++ b/css/discorded.css @@ -0,0 +1,707 @@ +body { + background-color: #36393f; + color: #dadadc; + font-weight: 400 +} + +a { + color: #99aab5 +} + +a:hover { + color: #d4dbe0 +} + +#page-container-loading #page-container-loading-spinner { + color: #7289da !important; +} + +.octoprint-container .tab-content h1 { + color: #fff +} + +.accordion-group, +.octoprint-container .tab-content { + border: none +} + +.accordion { + background-color: #2f3136; + -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .75); + -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .75); + box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .75) +} + +.octoprint-container .accordion-heading .accordion-heading-button a { + color: inherit +} + +.nav-tabs>li>a { + -webkit-border-radius: 0; + border-radius: 0 +} + +.nav-tabs>.active>a, +.nav-tabs>.active>a:hover { + background-color: #2f3136; + color: #fff; + border: none +} + +.nav-pills>.active>a, +.nav-pills>.active>a:hover { + background-color: #7289da +} + +.nav-tabs>li>a:hover { + background-color: #474a51; + border: none +} + +.nav-tabs>li>a i { + color: #99aab5 !important; +} + +.btn, +h1, +h2, +h3, +h4 { + color: #fff +} + +.btn { + border-radius: 3px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + background-image: none; + border: 1px solid hsla(0, 0%, 100%, .3); + box-shadow: none; + background-color: #36393f; + font-weight: 400; + text-shadow: none +} + +.btn:focus, +.btn:hover { + color: #fff; + background-color: #474a51 +} + +.btn:focus { + border-color: hsla(0, 0%, 100%, .7); + outline-color: #dadadc; + outline-width: 2px +} + +.btn.active, +.btn:active { + background-color: #5e626d +} + +.btn.active { + border: 1px solid hsla(0, 0%, 100%, .85); + color: #fff +} + +.btn-primary, +.btn-primary[disabled], +.btn btn-primary { + background-color: #7289da +} + +.btn-primary { + border: none +} + +.btn-primary:hover { + background-color: #5e78d5 +} + +.btn-primary:active, +.btn-primary:focus { + background-color: #526ed2 +} + +.btn-primary.disabled, +.btn-primary[disabled] { + background-color: #5e78d5 +} + +.btn-group.open .btn-primary.dropdown-toggle { + box-shadow: none; + background-color: #4a67cf +} + +.btn-group.open .btn.dropdown-toggle { + background: #36393f +} + +.btn-group.open .btn.dropdown-toggle:active, +.btn-group.open .btn.dropdown-toggle:focus { + background: #36393f; + color: #fff +} + +.btn.disabled, +.btn[disabled] { + background-color: #595e68; + color: #cdcdd0 +} + +.btn.disabled:hover, +.btn[disabled]:hover { + color: #cdcdd0 +} + +.btn .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + +.input-append .add-on, +.uneditable-input, +input[type=color], +input[type=date], +input[type=datetime-local], +input[type=datetime], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select, +textarea { + background-color: #656b76; + border: none; + color: #e7e7e8; + text-shadow: none; + padding-bottom: 6px +} + +.uneditable-input:focus, +input[type=color]:focus, +input[type=date]:focus, +input[type=datetime-local]:focus, +input[type=datetime]:focus, +input[type=email]:focus, +input[type=month]:focus, +input[type=number]:focus, +input[type=password]:focus, +input[type=search]:focus, +input[type=tel]:focus, +input[type=text]:focus, +input[type=time]:focus, +input[type=url]:focus, +input[type=week]:focus, +textarea:focus { + box-shadow: inset 0 1px 1px hsla(0, 0%, 100%, .075), 0 0 8px hsla(0, 0%, 100%, .5) +} + +.input-append .add-on, +.input-prepend .add-on { + padding-bottom: 6px +} + +.input-prepend .add-on.add-on-limited { + background-color: #656b76; + color: #e7e7e8; + border: none; + text-shadow: none +} + +.slider .slider-selection { + background: #7289da +} + +.slider .slider-selection:active, +.slider .slider-selection:hover { + background-color: #5e78d5 +} + +.octoprint-container .accordion-heading [class*=" icon-"] { + color: #dadadc +} + +.octoprint-container .accordion-heading [class*=" icon-"]:hover { + color: #fff +} + +.octoprint-container .accordion-heading [class*=" icon-"].disabled { + color: #595e68 +} + +td[class^=settings_] a, +th[class^=settings_] a { + color: #dadadc +} + +td[class^=settings_] a:hover, +th[class^=settings_] a:hover { + color: #fff +} + +td[class^=settings_] a.disabled, +th[class^=settings_] a.disabled { + color: #595e68 +} + +td i, +th i { + color: #dadadc +} + +td i:hover, +th i:hover { + color: #fff +} + +td i.disabled, +th i.disabled { + color: #595e68 +} + +.icon-sd-black-14 { + background-image: url(../img/ic_sd_card_white_18dp_1x.png); + background-image: url(../img/ic_sd_card_white_18px.svg); + background-position: 0 0; + margin-top: 1px; + width: 15px; + height: 17px; + filter: hue-rotate(240deg) saturate(2.77777778%) brightness(85.88235294%); + transform: rotateY(180deg) +} + +.progress .bar { + background: #7289da +} + +#UICsettingsMenuNav.navbar { + background: unset; + background-image: none; +} + +#navbar .navbar-inner { + background-color: #2f3136; + border: none; + background-image: none +} + +#navbar .navbar-inner .nav>li.dropdown.active>.dropdown-toggle, +#navbar .navbar-inner .nav>li.dropdown.open.active>.dropdown-toggle, +#navbar .navbar-inner .nav>li.dropdown.open>.dropdown-toggle { + background: #2d2f33; + border-bottom: 1px solid #dadadc; + color: #fff +} + +#navbar .navbar-inner .nav>li>a:hover { + color: #fff; + background: #474a51 +} + +#navbar .navbar-inner .brand, +#navbar .navbar-inner .nav>li>a { + color: #fff; + text-shadow: 0 1px 0 #595e68; +} + +#navbar .navbar-inner .brand .caret, +#navbar .navbar-inner .nav>li>a .caret { + border-top-color: #fff; + border-bottom-color: #fff +} + +#navbar .navbar-inner li>.dropdown-menu:after, +.navbar .navbar-inner li>.dropdown-menu:after { + display: none; +} + +.dropdown-menu { + background: #2f3136 +} + +.dropdown-menu li>a { + color: #dadadc +} + +.dropdown-menu li>a:focus, +.dropdown-menu li>a:hover { + background: #474a51; + outline: none +} + +#files .gcode_files .entry:hover, +.table-hover tbody tr:hover td, +.table-hover tbody tr:hover th { + background-color: #474a51 +} + +.legend>table { + color: #dadadc!important +} + +.progress { + background: #656b76 +} + +.table-bordered, +.table-striped { + border-color: #656b76; + border: none +} + +.table-bordered td, +.table-bordered th, +.table-striped td, +.table-striped th { + border-color: #656b76; + border-left: none; + border-right: none +} + +.modal, +.table-striped tbody>tr:nth-child(odd)>td, +.table-striped tbody th { + background-color: #36393f +} + +.modal-body { + border: none +} + +.modal-footer, +.modal-header { + background-color: #2f3136; + border: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none +} + +.nav-list>li>a { + text-shadow: none +} + +.nav-list>li>a:hover { + color: #fff; + background: #474a51 +} + +.nav-list .nav-header { + text-shadow: none +} + +.nav-list>.active>a, +.nav-list>.active>a:hover { + background-color: #2f3136 +} + +.close { + color: #fff; + text-shadow: none +} + +.help-block, +.help-inline { + color: #b3b3b7 +} + +code { + border: none +} + +.badge, +.label, +code { + background-color: #656b76 +} + +.badge, +.label { + color: #dadadc; + text-shadow: none +} + +.pre-scrollable::-webkit-scrollbar, +.scrollable::-webkit-scrollbar, +body::-webkit-scrollbar { + background-color: #36393f +} + +.pre-scrollable::-webkit-scrollbar-thumb, +.scrollable::-webkit-scrollbar-thumb, +body::-webkit-scrollbar-thumb { + background-color: #2a2d31; + border-radius: 25px +} + +.pre-scrollable::-webkit-scrollbar-track, +.scrollable::-webkit-scrollbar-track, +body::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(47, 49, 54, .5) +} + +legend { + color: inherit +} + +.hero-unit { + background-color: #36393f +} + +.footer ul li a { + color: #999 +} + +.flot-text { + color: #dadadc!important +} + +#terminal-output { + background-color: #656b76; + color: #dadadc +} + +.pagination-mini ul>li>a { + background-color: #36393f; + color: #dadadc; + border: 1px solid hsla(0, 0%, 100%, .3) +} + +.pagination-mini ul>li>a:hover { + color: #fff; + background: #474a51; + border: 1px solid hsla(0, 0%, 100%, .7) +} + +.pagination-mini ul>li>a:focus { + outline: none; + border: 1px solid hsla(0, 0%, 100%, .8) +} + +.pagination ul>.active>a, +.pagination ul>li>a:hover { + background-color: #2f3136; + color: #fff; + border: 1px solid hsla(0, 0%, 100%, .85) +} + +.nav .dropdown-toggle .caret { + border-top-color: #dadadc; + border-bottom-color: #dadadc +} + +input[disabled], +input[readonly], +select[disabled], +select[readonly], +textarea[disabled], +textarea[readonly] { + background-color: #595e68; + color: #c0c0c3 +} + +.modal-backdrop, +.modal-backdrop.fade.in { + background: #000 +} + +.alert h1, +.alert h2, +.alert h3, +.alert h4, +.alert h5, +.alert h6 { + color: inherit +} + +body::-webkit-scrollbar, +body .scrollable::-webkit-scrollbar, +.scroll-wrapper::-webkit-scrollbar, +.modal .modal-body::-webkit-scrollbar, +.controls select::-webkit-scrollbar, +#settings_gcodeScripts .block.monospace::-webkit-scrollbar, +#settings_plugin_pluginmanager_pluginlist::-webkit-scrollbar, +#settings_plugin_pluginmanager_repositorydialog_list::-webkit-scrollbar, +#settings_plugin_softwareupdate_updatelist::-webkit-scrollbar { + width: 12px; +} + +body, +body .scrollable, +.scroll-wrapper, +.modal .modal-body, +.controls select, +#settings_gcodeScripts .block.monospace, +#settings_plugin_pluginmanager_pluginlist, +#settings_plugin_pluginmanager_repositorydialog_list, +#settings_plugin_softwareupdate_updatelist { + scrollbar-width: thin; + scrollbar-color: #7289da #2f3136; +} + +body::-webkit-scrollbar-track, +body .scrollable::-webkit-scrollbar-track, +.scroll-wrapper::-webkit-scrollbar-track, +.modal .modal-body::-webkit-scrollbar-track, +.controls select::-webkit-scrollbar-track, +#settings_gcodeScripts .block.monospace::-webkit-scrollbar-track, +#settings_plugin_pluginmanager_pluginlist::-webkit-scrollbar-track, +#settings_plugin_pluginmanager_repositorydialog_list::-webkit-scrollbar-track, +#settings_plugin_softwareupdate_updatelist::-webkit-scrollbar-track, +body::-webkit-scrollbar-corner, +body .scrollable::-webkit-scrollbar-corner, +.scroll-wrapper::-webkit-scrollbar-corner, +.modal .modal-body::-webkit-scrollbar-corner, +.controls select::-webkit-scrollbar-corner, +#settings_gcodeScripts .block.monospace::-webkit-scrollbar-corner, +#settings_plugin_pluginmanager_pluginlist::-webkit-scrollbar-corner, +#settings_plugin_pluginmanager_repositorydialog_list::-webkit-scrollbar-corner, +#settings_plugin_softwareupdate_updatelist::-webkit-scrollbar-corner { + background: #36393f; +} + +body::-webkit-scrollbar-thumb, +body .scrollable::-webkit-scrollbar-thumb, +.scroll-wrapper::-webkit-scrollbar-thumb, +.modal .modal-body::-webkit-scrollbar-thumb, +.controls select::-webkit-scrollbar-thumb, +#settings_gcodeScripts .block.monospace::-webkit-scrollbar-thumb, +#settings_plugin_pluginmanager_pluginlist::-webkit-scrollbar-thumb, +#settings_plugin_pluginmanager_repositorydialog_list::-webkit-scrollbar-thumb, +#settings_plugin_softwareupdate_updatelist::-webkit-scrollbar-thumb { + background-color: #7289da; + border-radius: 2px; + border: 2px solid #36393f; +} + +body::-webkit-resizer, +body .scrollable::-webkit-resizer, +.scroll-wrapper::-webkit-resizer, +.modal .modal-body::-webkit-resizer, +.controls select::-webkit-resizer, +#settings_gcodeScripts .block.monospace::-webkit-resizer, +#settings_plugin_pluginmanager_pluginlist::-webkit-resizer, +#settings_plugin_pluginmanager_repositorydialog_list::-webkit-resizer, +#settings_plugin_softwareupdate_updatelist::-webkit-resizer { + background: #2f3136; +} + +.UICWebCamClick { + opacity: .5; + background-color: #2f3136; + border-radius: 4px; +} + +.UICWebCamClick i { + color: #fff; +} + +.UICWebCamClick:hover { + opacity: 1; +} + +#tab_plugin_filemanager .header { + background-color: #36393f; +} + +.print-time-genius-after:after { + transform: none; + margin-left: 4px; + position: initial; +} + +div.popover.toptempPopover { + background-color: #36393f; +} + +div.popover.toptempPopover .popover-title { + background-color: transparent; +} + +div.popover.toptempPopover .popover-content div.TopTempPopoverGraph { + background-color: transparent; +} + +div.popover.toptempPopover .popover-content div.TopTempPopoverGraph svg .ct-axis-title { + fill: #e7e7e8; +} + +div.popover.toptempPopover .popover-content div.TopTempPopoverGraph svg .ct-grid { + stroke: #e7e7e8; + opacity: 0.5; +} + +div.popover.toptempPopover .popover-content div.TopTempPopoverGraph svg .ct-labels span { + color: #fff; +} + +.well { + background-color: #656b76; + border-color: transparent; +} + +#settings_plugin_bedlevelvisualizer .table, +#settings_plugin_bedlevelvisualizer .table thead tr.info > th, +#settings_plugin_bedlevelvisualizer .table tbody tr td.info, +#settings_plugin_bedlevelvisualizer .table tfoot tr.info > th { + background-color: #2f3136; +} + +#settings_plugin_bedlevelvisualizer .table tbody tr .raise, +#settings_plugin_bedlevelvisualizer .table tfoot tr td span.raise { + color: green; +} + +#settings_plugin_bedlevelvisualizer .table tbody tr .lower, +#settings_plugin_bedlevelvisualizer .table tfoot tr td span.lower { + color: red; +} + +#settings_plugin_bedlevelvisualizer .table thead tr.info .x-axis-label, +#settings_plugin_bedlevelvisualizer .table tbody tr .x-axis-label, +#settings_plugin_bedlevelvisualizer .table tfoot tr .x-axis-label, +#settings_plugin_bedlevelvisualizer .table tfoot tr .x-axis-label { + color: inherit; +} + +#settings_plugin_bedlevelvisualizer .table thead tr.info .y-axis-label, +#settings_plugin_bedlevelvisualizer .table tbody tr .y-axis-label, +#settings_plugin_bedlevelvisualizer .table tfoot tr .y-axis-label, +#settings_plugin_bedlevelvisualizer .table tfoot tr.info .y-axis-label { + color: inherit; +} + +#settings_plugin_bedlevelvisualizer #bedlevelvisualizer_command { + min-height: 300px; +} + +#dialog_printJobHistory_compareSlicerSettings.modal { + width: 1000px; + margin-left: -500px +} + +#dialog_printJobHistory_compareSlicerSettings .modal-body, +#dialog_printJobHistory_compareSlicerSettings table tbody tr td { + background: #2f3136; +} + +#dialog_printJobHistory_compareSlicerSettings table thead th{ + background: #2f3136 !important; +} + +#dialog_printJobHistory_compareSlicerSettings table tbody tr span[style*="black"] { + color: #fff !important; +} + +#dialog_printJobHistory_compareSlicerSettings table tbody tr span[style*="blue"] { + color: red !important; +} diff --git a/themes.json b/themes.json index a9f8b27..8389a42 100644 --- a/themes.json +++ b/themes.json @@ -9,6 +9,11 @@ "desc": "A dark theme with a red accent", "org": "https://poeschl.xyz/" }, + "discorded":{ + "name": "Discorded", + "desc": "A discord-like theme based on the first themeify theme", + "org": "https://poeschl.xyz/" + }, "bluemoon":{ "name": "Blue moon", "desc": "Deep blue theme based on Slate", diff --git a/thumbs/discorded.png b/thumbs/discorded.png new file mode 100644 index 0000000..1000aa5 Binary files /dev/null and b/thumbs/discorded.png differ