diff --git a/css/deepness.css b/css/deepness.css
new file mode 100644
index 00000000..5ffa1b80
--- /dev/null
+++ b/css/deepness.css
@@ -0,0 +1,380 @@
+/*
+ +-------------------------------------------------------------------------+
+ | Copyright (C) 2004-2025 The Cacti Group                                 |
+ |                                                                         |
+ | This program is free software; you can redistribute it and/or           |
+ | modify it under the terms of the GNU General Public License             |
+ | as published by the Free Software Foundation; either version 2          |
+ | of the License, or (at your option) any later version.                  |
+ |                                                                         |
+ | This program is distributed in the hope that it will be useful,         |
+ | but WITHOUT ANY WARRANTY; without even the implied warranty of          |
+ | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           |
+ | GNU General Public License for more details.                            |
+ +-------------------------------------------------------------------------+
+ | Cacti: The Complete RRDtool-based Graphing Solution                     |
+ +-------------------------------------------------------------------------+
+ | This code is designed, written, and maintained by the Cacti Group. See  |
+ | about.php and/or the AUTHORS file for specific developer information.   |
+ +-------------------------------------------------------------------------+
+ | http://www.cacti.net/                                                   |
+ +-------------------------------------------------------------------------+
+*/
+
+.deviceUpFull {
+	background-color: rgba(24, 185, 129, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.deviceDownFull {
+	background-color: rgba(255, 0, 0, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.deviceUnknownFull {
+	background-color: rgba(0, 0, 255, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.deviceDisabledFull {
+	background-color: rgba(161, 161, 161, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.deviceRecoveringFull {
+	background-color: rgba(255, 143, 30, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.deviceErrorFull {
+	background-color: rgba(117, 15, 125, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.deviceNotMonFull {
+	background-color: rgba(250, 253, 158, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdAlertNotify {
+	background-color: rgba(242, 25, 36, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 11.11%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdAlert2Warn {
+	background-color: rgba(200, 25, 36, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 11.11%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdWarningNotify {
+	background-color: rgba(251, 74, 20, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 11.11%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdReTriggerNotify {
+	background-color: rgba(200, 125, 88, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 11.11%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdReTriggerEvent {
+	background-color: rgba(255, 122, 48, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 11.11%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdTriggerEvent {
+	background-color: rgba(250, 253, 158, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 11.11%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdWarnTrigger {
+	background-color: rgba(210, 223, 128, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 11.11%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdRestoralNotify {
+	background-color: rgba(24, 185, 129, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 11.11%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdRestoralEvent {
+	background-color: rgba(205, 207, 196, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 11.11%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdRestore {
+	background-color: rgba(24, 185, 129, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdAlertTrigger {
+	background-color: rgba(242, 23, 33, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdReTrigger {
+	background-color: rgba(250, 116, 32, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdWarning {
+	background-color: rgba(255, 122, 48, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdAlert {
+	background-color: rgba(242, 25, 36, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdAckCol {
+	background-color: rgba(138, 43, 226, 0.2);
+}
+
+.tholdAcknowledgment {
+	background-color: rgba(138, 43, 226, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdBaseAlert {
+	background-color: rgba(251, 74, 20, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdNotice {
+	background-color: rgba(250, 253, 158, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdOk {
+	background-color: rgba(24, 185, 129, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdDisabled {
+	background-color: rgba(205, 207, 196, 0.2);
+	text-align: center;
+	white-space: nowrap;
+	width: 14%;
+	padding: 3px;
+	color: #eeeeee;
+}
+
+.tholdGlyphEdit {
+	color: #b3b3b3;
+}
+
+.tholdGlyphDisable {
+	color: #e06666;
+}
+
+.tholdGlyphEnable {
+	color: #26c296;
+}
+
+.tholdGlyphChart {
+	color: #d6a13a;
+}
+
+.tholdGlyphLog {
+	color: #c7c04a;
+}
+
+.tholdGlyphAcknowledge {
+	color: #38b88a;
+}
+
+.tholdGlyphAcknowledgeResume {
+	color: #38b88a;
+}
+
+.tholdGlyphAcknowledgeSuspend {
+	color: #38b88a;
+}
+
+/* Graph view action glyphs (toggle threshold VRULEs, create threshold) */
+.tholdVRules {
+	color: #4aa3df;
+}
+
+.tholdEdit {
+	color: #b3b3b3;
+}
+
+.tholdLog {
+	white-space: pre-wrap !important;
+}
+
+/*
+ * Status legend. Laid out as an evenly sized, wrapping flex row (flex: 1 1 0
+ * gives every chip the same width) with rounded corners and spacing between
+ * chips. A legend is a colour key, so the chips use their own solid, opaque
+ * colours with white text so they stay legible on every theme rather than
+ * inheriting the subtle row tints.
+ */
+.tholdLegend {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 4px;
+	width: 100%;
+}
+
+.tholdLegend .tholdLegendItem {
+	flex: 1 1 0;
+	text-align: center;
+	white-space: nowrap;
+	padding: 4px 6px;
+	border-radius: 3px;
+	color: #ffffff;
+}
+
+.tholdLegend .tholdAlert,
+.tholdLegend .tholdAlertNotify,
+.tholdLegend .deviceDownFull {
+	background-color: #a12820;
+}
+
+.tholdLegend .tholdBaseAlert,
+.tholdLegend .tholdAlert2Warn {
+	background-color: #93302a;
+}
+
+.tholdLegend .tholdWarning,
+.tholdLegend .tholdWarningNotify,
+.tholdLegend .tholdReTriggerEvent {
+	background-color: #a85712;
+}
+
+.tholdLegend .deviceRecoveringFull {
+	background-color: #9a6a1a;
+}
+
+.tholdLegend .tholdNotice,
+.tholdLegend .tholdWarnTrigger,
+.tholdLegend .tholdTriggerEvent {
+	background-color: #7d6f18;
+}
+
+.tholdLegend .tholdOk,
+.tholdLegend .deviceUpFull,
+.tholdLegend .tholdRestoralNotify {
+	background-color: #1f9f6e;
+}
+
+.tholdLegend .tholdRestoralEvent {
+	background-color: #3f7a4a;
+}
+
+.tholdLegend .tholdAcknowledgment {
+	background-color: #6a4a9c;
+}
+
+.tholdLegend .deviceErrorFull {
+	background-color: #86407a;
+}
+
+.tholdLegend .tholdDisabled,
+.tholdLegend .deviceDisabledFull,
+.tholdLegend .deviceUnknownFull,
+.tholdLegend .deviceNotMonFull {
+	background-color: #5f5f57;
+}