Skip to content

Sync.com Dark Dracula Theme by Alto5446

Details

AuthorAlto5446

LicenseNo License

Categorysync.com

Created

Updated

Size4.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A dark theme for Sync.com inspired by dracula theme colors.

Notes

Userstyle doesn't have notes.

Source code

/* ==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;
}

}

Reviews

No reviews yet.