/* ===========================
   NEW FEATURES — additive only
   Original styles are untouched
=========================== */

/* Dark mode overrides */
body.dark-mode {
	background-color: #1e1e1e;
	color: #ddd;
}

body.dark-mode .navbar {
	background-color: #2a2a2a;
}

body.dark-mode #editor-pane {
	background-color: #252525;
}

body.dark-mode #textArea {
	background-color: #252525;
	color: #ddd;
	caret-color: #ddd;
}

body.dark-mode #dragbar {
	background: linear-gradient(to right, rgba(255,255,255,0.15), rgba(255,255,255,0.0));
}

body.dark-mode .dropdown-content {
	background-color: #2e2e2e;
	border-color: #444;
}

body.dark-mode .dropdown-content a {
	color: #ddd;
}

body.dark-mode .dropdown-shortcut {
	color: #888;
}

body.dark-mode .dropdown-content li:not(.dropdown-divider):hover {
	background-color: #2780e3;
}

body.dark-mode .modal-content {
	background-color: #2e2e2e;
	color: #ddd;
	border-color: #555;
}

body.dark-mode .modal-header {
	background-color: #252525;
	border-bottom-color: #444;
}

body.dark-mode .modal-footer {
	border-top-color: #444;
}

body.dark-mode .button {
	background-color: #3a3a3a;
	color: #ddd;
	border-color: #555;
}

body.dark-mode .button:hover {
	background-color: #4a4a4a;
}

body.dark-mode form input[type="text"],
body.dark-mode form input[type="number"],
body.dark-mode form select {
	background-color: #3a3a3a;
	color: #ddd;
	border-color: #555;
}

body.dark-mode form .control-label {
	color: #bbb;
}

/* Dark mode: viewer pane and canvas background */
body.dark-mode #viewer-pane,
body.dark-mode #viewer-container,
body.dark-mode #stageHolder {
	background-color: #1e1e1e;
}

body.dark-mode #stageHolder canvas {
	background-color: #1e1e1e;
}

/* Dark mode toggle button active state */
#dark-mode-toggle.active > a {
	background-color: rgba(255,255,255,0.15);
}

/* Dark mode: collapse buttons */
body.dark-mode .collapse-button > div {
	color: #aaa;
}

/* Find & Replace status colours */
#find-replace-status.found {
	color: #2780e3;
}

#find-replace-status.not-found {
	color: #c0392b;
}