A dark theme for Sync.com inspired by dracula theme colors.
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
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;
}
}