html, body, input {
	color: #BEC3C8;
}
input {
	background-color: #232323;
}
body {
	background-color: #232323;
	
	background-position: 50% 0;
}
.x-menu.syno-ux-menu {
	background: #232323;
}
.thumbnail-view .photo-info-title,
.thumbnail-view .photo-info .label-textfield-label {
	color: #BEC3C8;
}
.x-btn button {
	color: #BEC3C8;
}
.syno-ux-menu .photo-menu-text.x-menu-list-item.x-item-disabled span {
	color: #BEC3C8 !important;
}
a.x-menu-list-item .x-menu-item span {
	color: #BEC3C8;
}
.simple-path-bar .x-btn-over.x-btn button {
	color: #BEC3C8;
}
.x-btn.x-btn-over .x-btn-mc,
.x-btn.x-btn-menu-active .x-btn-mc,
.lightbox-action-bar .x-btn.x-btn-over .x-btn-mc,
.lightbox-action-bar .x-btn.x-menu-active .x-btn-mc,
.slideshow-setting.x-btn.x-btn-over .x-btn-mc {
	background-color: #00bfff;
}
.category-list .x-list-body dl.x-list-over .edit:hover, .category-list .x-list-body dl.x-list-over .delete:hover {
	background-color: #00bfff;
}
.x-menu-item-active {
	background: #00bfff;
}
.left-content-menu .x-list-over em, .left-content-menu .x-list-selected em {
	color: #00bfff;
}
.left-panel .x-list-over em, .left-panel .x-list-selected em {
	color: #00bfff;
}
.album-panel .photo-fileselector .x-tree-node a span {
	color: #BEC3C8;
}
.album-panel .photo-fileselector .x-tree-node .x-tree-node-over a span, .album-panel .photo-fileselector .x-tree-node .x-tree-selected a span {
	color: #00bfff;
}
.about-me-default-edit {
	color: #00bfff;
}
.photowall-view .blue-clickable-span, .thumbnail-view .blue-clickable-span {
	color: #00bfff;
}
.album-desc-bar {
	color: #A0A5AA;
}

.photo-paging-bar .x-btn .x-btn-mc .syno-ux-page-btn {
	color: #BEC3C8;
}
.photo-paging-bar .x-btn.x-btn-over .x-btn-mc .x-btn-text {
	background-color: #00bfff;
}
.photo-paging-bar .x-btn.x-btn-over .x-btn-mc .syno-ux-page-btn {
	color: #00bfff;
}
.photo-paging-bar .x-btn-icon .syno-ux-page-btn-focus, .photo-paging-bar .x-btn-icon .x-btn-small .syno-ux-page-btn-focus, .photo-paging-bar .x-btn-icon.x-item-disabled .syno-ux-page-btn-focus, .photo-paging-bar .x-btn-icon.x-item-disabled .x-btn-small .syno-ux-page-btn-focus {
	background-color: #00bfff;
}
.timeline-view .load-more-btn-wrap:hover {
	background-color: #00bfff;
}

.thumbnail-view .photo-thumb-dragover .photo-thumb-overlay,
.thumbnail-view .x-view-selected .thumb-border {
	border-color: #00bfff;
}

.thumbnail-view .photo-thumb-dragover .photo-thumb-overlay div {
	background-color: #00bfff;
}

.thumbnail-view .photo-drop-indicator {
	background: #00bfff;
	position: absolute;
}
.thumbnail-view .photo-drop-indicator {
        background: #00bfff;
        position: absolute;
}

/* --- RUFRAMED CUSTOM INJECTIONS --- */
/* Force exact background */
body, .x-panel-body, .ps-container {
    background-color: #1e1e1e !important;
}

/* Hijack native Synology top bar for frosted glass */
.ps-top-bar, .x-panel-header {
    background-color: rgba(45, 45, 45, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Style the native Synology text/links */
.ps-top-bar a, .ps-top-bar span {
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease-in-out !important;
}

/* Add the blue pop hover effect */
.ps-top-bar a:hover {
    color: #007bff !important;
}

/* Hide native footer */
.ps-footer {
    display: none !important;
}