Sync.com Dark Dracula Theme by Alto5446

/* ==UserStyle==
@name			Sync.com Dark Dracula Theme
@namespace 		sync.com
@version		1.0.0
@description	A dark theme for Sync.com inspired by dracula theme colors.
@author			Alto5446
==/UserStyle== */

@-moz-document domain("sync.com") {

:root {
	--headerPrimaryColor: #FFB86C;
	--headerTextColor: #F8F8F2;
	--buttonPrimaryColor: #FF5555;
	--buttonTextColor: #F8F8F2;
	--linkTextColor: #FFB86C;
}

/* Police Monospace */
body, .navbar, .footer-section, h1, h2, h3, h4, h5, p, a, span, div, li, .btn, .nav-link, .list-group-item, .frame-type-list, .qccp-item {
    font-family: monospace !important;
}

/* Couleurs du thème Dracula */
body, .navbar, .footer-section {
    background-color: #16141c !important;
    color: #F8F8F2 !important;
}

h1, h2, h3, h4, h5, p, a, span, .btn, .nav-link, .list-group-item, .frame-type-list, .qccp-item {
    color: #F8F8F2 !important;
}

a:hover, .btn:hover, .nav-link:hover {
    color: #FFB86C !important;
}

.navbar, .footer-section, .btn, .nav-link, .list-group-item, .frame-type-list, .qccp-item {
    background-color: #16141c !important;
}

.header, .title, .subtitle {
    color: #BD93F9 !important;
}

.highlight, .important, .accent {
    color: #FFB86C !important;
}

.error, .alert {
    color: #FF5555 !important;
}

.success {
    color: #50FA7B !important;
}

.info {
    color: #8BE9FD !important;
}

.warning {
    color: #F1FA8C !important;
}

/* Bordures */
.navbar, .footer-section, .btn, .nav-link, .list-group-item, .frame-type-list, .qccp-item {
    border-color: #BD93F9 !important;
}

.navbar-default .navbar-nav > .active > a {
    background-color: #7750ae !important;
    color:#000 !important;
}

.navbar-default .navbar-nav > .active > a:hover {
    /* background-color: #FF5555 !important; */
    color:#000 !important;
}

.header-box-withmenu {
    background-color: #16141c !important;
}

/* tableau */
table#filemanager {
    background-color: #16141c !important;
}

.list-table-header {
    background-color: #16141c !important;
}

.table > thead > tr > th {
    border:none !important;
}

.table > tbody > tr > td {
    border:none;
}

.dropdown-menu {
    background-color: #201d28 !important;
}

.dropdown-menu :hover {
    background-color: #292633 !important;
}

.dropdown-menu a {
    color:#fff !important;
}

.dropdown-menu a:hover {
    color:#FFB86C !important;
}

.table > tbody > tr.active > td {
    background-color: #292633 !important;
}

.list-table {
    background-color: #16141c !important;
}

.error-general-overlay {
    background-color: #8BE9FD !important;
    color:#000;
}

.nav-tabs > li > a:hover {
    background-color: #292633 !important;    
}

.nav-tabs > li.active > a {
    background-color: #292633 !important;
    border-color:#4c4759;
}

.nav-tabs > li.active > a:hover {
    background-color: #16141c !important;
    border-color:#FFB86C;
}

.nav-tabs, .list-table {
    border-color:#4c4759;
}

.bgwhite {
    background-color: #16141c !important;  
}

.form-control {
    background-color: #292633 !important;
    color:#fff;
    border-color:#BD93F9;
}

.container-background {
    background-color: #201c2d !important;    
}

.btn-block, .modal-footer > .btn-primary {
    background-color: #BD93F9 !important;   
    color:#000 !important;    
}

.btn-block:hover, .modal-footer > .btn-primary:hover {
    background-color: #50FA7B !important;   
    color:#000 !important;   
}

a.syncblue {
    color:#BD93F9 !important;
}

a.syncblue:hover {
    color:#FFB86C !important;
}

#navbar a {
    color:#fff !important;
}

#navbar a:hover {
    color:#FFB86C !important;
}

#dialog-support-modal {
    background-color: #16141c !important;   
}

.modal-body {
    background-color: #201c2d !important; 
}

.modal-header {
    border:none;
}

.modal-footer {
    background-color: #16141c !important;  
}

.progress {
    background-color: #373444 !important;  
    
}
.progress-bar {
    background-color: #50FA7B !important;  
}

.divider {
    background-color: #16141c !important;  
}

.file-empty-inner {
    border-color:#4c4759;
}

.pagination a {
    background-color: #201c2d !important; 
    border-color:#4c4759 !important;
}

tbody > tr:hover .table-actions, tbody > tr:hover .table-filename {
    color:#BD93F9 !important;
}

}