From 5639f0ca0930a64c41fcd755c7a163e9f55bd1aa Mon Sep 17 00:00:00 2001
From: Denis Romanov <isdrmv@gmail.com>
Date: Sun, 26 Oct 2025 00:44:55 +0400
Subject: [PATCH] refactor!: drop Uptime Kuma v1 support

---
 main.css | 53 +----------------------------------------------------
 1 file changed, 1 insertion(+), 52 deletions(-)

diff --git a/main.css b/main.css
index 87dcc45..141ff0a 100644
--- a/main.css
+++ b/main.css
@@ -133,7 +133,6 @@ a:not(.btn):hover,
 }
 
 /* Resize the logo */
-.logo-wrapper img[data-v-b8247e57],
 .logo {
   width: var(--size-logo-width) !important;
   height: var(--size-logo-height) !important;
@@ -153,25 +152,21 @@ span[data-v-7d4a7f28] {
 -------------------------------------------------- */
 
 /* Fix vertical margin of admin buttons on mobile */
-.mb-4[data-v-b8247e57]:has(.btn-info),
 .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) {
   margin-bottom: var(--spacing-32) !important;
 }
 
-.mb-4[data-v-b8247e57]:has(.btn-info) div,
 .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) div {
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-8);
 }
 
-.mb-4[data-v-b8247e57]:has(.btn-info) div button,
 .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) div button {
   margin: 0 !important;
 }
 
 /* Admin button */
-.btn-info[data-v-b8247e57],
 .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary {
   box-shadow: none;
   border: 1px solid var(--color-btn-secondary-border);
@@ -183,17 +178,14 @@ span[data-v-7d4a7f28] {
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-200);
 }
-.btn-info[data-v-b8247e57]:hover,
 .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary:hover {
   background-color: var(--color-btn-secondary-hover-bg);
 }
-.btn-info[data-v-b8247e57]:active,
 .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary:active {
   box-shadow: none;
   background-color: var(--color-btn-secondary-active-bg);
 }
 
-.btn-info[data-v-b8247e57] svg,
 .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary svg {
   display: none;
 }
@@ -201,7 +193,6 @@ span[data-v-7d4a7f28] {
 /* INCIDENT BLOCK
 -------------------------------------------------- */
 
-.incident[data-v-b8247e57],
 .incident[data-v-a2098280] {
   margin-bottom: var(--spacing-16) !important;
   box-shadow: none;
@@ -209,45 +200,37 @@ span[data-v-7d4a7f28] {
   padding: var(--spacing-20) !important;
   color: var(--color-text-heading) !important;
 }
-.incident[data-v-b8247e57].bg-info,
 .incident[data-v-a2098280].bg-info {
   border: 1px solid rgba(var(--rgb-color-teal), .23);
   background-color: rgba(var(--rgb-color-teal), .08) !important;
 }
-.incident[data-v-b8247e57].bg-warning,
 .incident[data-v-a2098280].bg-warning {
   border: 1px solid rgba(var(--rgb-color-orange), .23);
   background-color: rgba(var(--rgb-color-orange), .08) !important;
 }
-.incident[data-v-b8247e57].bg-danger,
 .incident[data-v-a2098280].bg-danger {
   border: 1px solid rgba(var(--rgb-color-red), .23);
   background-color: rgba(var(--rgb-color-red), .08) !important;
 }
-.incident[data-v-b8247e57].bg-primary,
 .incident[data-v-a2098280].bg-primary {
   border: 1px solid rgba(var(--rgb-color-green), .23);
   background-color: rgba(var(--rgb-color-green), .08) !important;
 }
-.incident[data-v-b8247e57].bg-light,
 .incident[data-v-a2098280].bg-light {
   box-shadow: var(--shadow-filter);
   border: 1px solid var(--color-border);
   background-color: var(--color-block-bg) !important;
 }
-.incident[data-v-b8247e57].bg-dark,
 .incident[data-v-a2098280].bg-dark {
   box-shadow: var(--shadow-filter);
   border: 1px solid var(--color-border);
   background-color: var(--color-bg) !important;
 }
 
-.incident[data-v-b8247e57] h4,
 .incident[data-v-a2098280] h4 {
   font-size: var(--font-size-300);
 }
 
-.incident[data-v-b8247e57] div,
 .incident[data-v-a2098280] div {
   color: var(--color-text-primary);
 }
@@ -260,7 +243,6 @@ span[data-v-7d4a7f28] {
 /* MAIN STATUS BLOCK
 -------------------------------------------------- */
 
-.overall-status[data-v-b8247e57],
 .overall-status[data-v-a2098280] {
   margin-bottom: var(--spacing-16) !important;
   box-shadow: none;
@@ -271,53 +253,43 @@ span[data-v-7d4a7f28] {
   font-size: var(--font-size-350);
   line-height: var(--font-line-height-200);
 }
-.overall-status[data-v-b8247e57]:has(.ok),
 .overall-status[data-v-a2098280]:has(.ok) {
   border: 1px solid rgba(var(--rgb-color-green), .23);
   background-color: rgba(var(--rgb-color-green), .08);
 }
-.overall-status[data-v-b8247e57]:has(.warning),
 .overall-status[data-v-a2098280]:has(.warning) {
   border: 1px solid rgba(var(--rgb-color-orange), .23);
   background-color: rgba(var(--rgb-color-orange), .08);
 }
-.overall-status[data-v-b8247e57]:has(.danger),
 .overall-status[data-v-a2098280]:has(.danger) {
   border: 1px solid rgba(var(--rgb-color-red), .23);
   background-color: rgba(var(--rgb-color-red), .08);
 }
-.overall-status[data-v-b8247e57]:has(.status-maintenance),
 .overall-status[data-v-a2098280]:has(.status-maintenance) {
   border: 1px solid rgba(var(--rgb-color-blue), .23);
   background-color: rgba(var(--rgb-color-blue), .08);
 }
 
-.overall-status[data-v-b8247e57] div,
 .overall-status[data-v-a2098280] div {
   display: flex;
   align-items: center;
   gap: var(--spacing-20);
 }
 
-.overall-status[data-v-b8247e57] svg,
 .overall-status[data-v-a2098280] svg {
   margin-right: 0 !important;
   width: 1.5em;
   height: 1.5em;
 }
-.overall-status[data-v-b8247e57]:has(.ok) svg,
 .overall-status[data-v-a2098280]:has(.ok) svg {
   color: var(--color-green);
 }
-.overall-status[data-v-b8247e57]:has(.warning) svg,
 .overall-status[data-v-a2098280]:has(.warning) svg {
   color: var(--color-orange);
 }
-.overall-status[data-v-b8247e57]:has(.danger) svg,
 .overall-status[data-v-a2098280]:has(.danger) svg {
   color: var(--color-red);
 }
-.overall-status[data-v-b8247e57]:has(.status-maintenance) svg,
 .overall-status[data-v-a2098280]:has(.status-maintenance) svg {
   color: var(--color-blue);
 }
@@ -345,7 +317,6 @@ span[data-v-7d4a7f28] {
   color: var(--color-text-primary);
 }
 
-.shadow-box.bg-maintenance div[data-v-b8247e57]:not([class]) div:not([class]),
 .shadow-box.bg-maintenance div[data-v-a2098280]:not([class]) div:not([class]) {
   display: flex;
   flex-wrap: wrap;
@@ -390,7 +361,6 @@ div > .alert-heading.p-2:has(*) {
 /* MONITOR GROUP
 -------------------------------------------------- */
 
-div[data-v-f71ca08e]:has(> .group-title),
 div[data-v-026459e0]:has(> .group-title) {
   margin-bottom: var(--spacing-32) !important;
 }
@@ -453,7 +423,6 @@ div[data-v-026459e0]:has(> .group-title) {
 }
 
 /* Monitor name */
-.item-name[data-v-f71ca08e],
 .item-name[data-v-026459e0] {
   padding-left: 0;
   overflow: hidden;
@@ -473,7 +442,6 @@ div[data-v-026459e0]:has(> .group-title) {
 }
 
 /* Monitor tags wrapper */
-.extra-info[data-v-f71ca08e],
 .extra-info[data-v-026459e0] {
   flex-wrap: wrap;
   order: 1;
@@ -484,7 +452,6 @@ div[data-v-026459e0]:has(> .group-title) {
   margin-top: 0;
   margin-bottom: 0;
 }
-.extra-info[data-v-f71ca08e] div,
 .extra-info[data-v-026459e0] div {
   display: flex;
   flex-wrap: wrap;
@@ -554,57 +521,44 @@ div[data-v-026459e0]:has(> .group-title) {
 }
 
 /* Uptime bar in the uptime bars home */
-.hp-bar-big .beat[data-v-636dc6a9],
 .hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3] {
   border-radius: 0;
   background-color: var(--color-green);
   width: 100% !important;
   height: var(--size-uptime-bar-height) !important;
 }
-.hp-bar-big .beat[data-v-636dc6a9] {
-  flex: 1;
-  margin: 0 1px 0 0 !important;
-}
 .hp-bar-big .beat-hover-area[data-v-ce0d40a3] {
   flex: 1;
   padding: 0 1px 0 0 !important;
 }
-.hp-bar-big .beat[data-v-636dc6a9]:not(.empty):hover,
 .hp-bar-big .beat-hover-area[data-v-ce0d40a3]:not(.empty):hover {
   transform: none;
   opacity: .7;
 }
-.hp-bar-big .beat[data-v-636dc6a9]:first-of-type,
 .hp-bar-big .beat-hover-area:first-of-type .beat[data-v-ce0d40a3] {
   border-top-left-radius: var(--border-radius-200);
   border-bottom-left-radius: var(--border-radius-200);
 }
-.hp-bar-big .beat[data-v-636dc6a9]:last-of-type,
 .hp-bar-big .beat-hover-area:last-of-type .beat[data-v-ce0d40a3] {
   margin: 0 !important;
   border-top-right-radius: var(--border-radius-200);
   border-bottom-right-radius: var(--border-radius-200);
   padding: 0 !important;
 }
-.hp-bar-big .beat[data-v-636dc6a9].empty,
 .hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].empty {
   background-color: var(--color-uptime-bar-empty-bg) !important;
 }
-.hp-bar-big .beat[data-v-636dc6a9].down,
 .hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].down {
   background-color: var(--color-red);
 }
-.hp-bar-big .beat[data-v-636dc6a9].pending,
 .hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].pending {
   background-color: var(--color-orange);
 }
-.hp-bar-big .beat[data-v-636dc6a9].maintenance,
 .hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].maintenance {
   background-color: var(--color-blue);
 }
 
 /* Uptime time (below uptime bars) */
-.word[data-v-636dc6a9],
 .word[data-v-ce0d40a3] {
   color: var(--color-text-primary);
 }
@@ -613,7 +567,6 @@ div[data-v-026459e0]:has(> .group-title) {
 -------------------------------------------------- */
 
 /* User markdown, Uptime Kuma branding, refresh timer */
-footer[data-v-b8247e57],
 footer[data-v-a2098280] {
   margin: var(--spacing-32) 0 !important;
   color: var(--color-text-secondary);
@@ -626,8 +579,7 @@ footer .alert-heading.p-2:has(*) {
 
 /* Refresh timer */
 /* Remove or comment "display: none" to restore visibility */
-.refresh-info[data-v-b8247e57],
-.refresh-info[data-v-a2098280]{
+.refresh-info[data-v-a2098280] {
   display: none;
   opacity: 1;
   margin-bottom: 0 !important;
@@ -641,15 +593,12 @@ footer .alert-heading.p-2:has(*) {
 }
 
 /* Input field for the monitor group name */
-.edit span[data-v-7d4a7f28][data-v-f71ca08e],
 .edit span[data-v-7d4a7f28][data-v-026459e0] {
   padding: var(--spacing-4) var(--spacing-8);
 }
 
 /* Input field for page description and footer */
-.edit h4[data-v-7d4a7f28][data-v-b8247e57][contenteditable="true"],
 .edit h4[data-v-7d4a7f28][data-v-a2098280][contenteditable="true"],
-.edit div[data-v-7d4a7f28][data-v-b8247e57],
 .edit div[data-v-7d4a7f28][data-v-a2098280] {
   padding: var(--spacing-8) var(--spacing-12) !important;
   color: var(--color-text-heading);