From 748f32ff78bc2ded364b4d9fbcd41a308e969c4b Mon Sep 17 00:00:00 2001
From: ReDBrother <bataevdmitriy@gmail.com>
Date: Fri, 17 Oct 2025 06:25:25 +0300
Subject: [PATCH] fix dark mode

---
 .../apps/codebattle/assets/css/custom.scss    |  5 ++---
 .../app/apps/codebattle/assets/css/style.scss |  4 ++--
 .../pages/tournament/PlayersRankingPanel.jsx  | 10 ++++-----
 .../widgets/pages/tournament/ReportsPanel.jsx | 12 +++++-----
 .../pages/tournament/TaskRankingPanel.jsx     | 10 ++++-----
 .../pages/tournament/TournamentClanTable.jsx  | 22 +++++++++----------
 6 files changed, 31 insertions(+), 32 deletions(-)

diff --git a/services/app/apps/codebattle/assets/css/custom.scss b/services/app/apps/codebattle/assets/css/custom.scss
index 6f9c8ff46..40d6ed199 100644
--- a/services/app/apps/codebattle/assets/css/custom.scss
+++ b/services/app/apps/codebattle/assets/css/custom.scss
@@ -8,7 +8,6 @@
   border-radius: 0.50rem;
 }
 
-
 .cb-custom-event-table .cb-custom-event-td:first-child {
   border-top-left-radius: 0.6rem;
   border-bottom-left-radius: 0.6rem;
@@ -56,7 +55,7 @@
 }
 
 .cb-custom-event-td:not(:last-child)::after {
-  background-color: black;
+  background-color: gray;
   right: 0;
   top: 8px;
 }
@@ -133,7 +132,7 @@
   display: block;
   margin-left: -1px;
   line-height: 1.25;
-  color: black;
+  color: white;
 }
 
 .cb-custom-event-pagination-page-item:first-child .cb-custom-event-pagination-page-link,
diff --git a/services/app/apps/codebattle/assets/css/style.scss b/services/app/apps/codebattle/assets/css/style.scss
index d0d195035..74b0337b0 100644
--- a/services/app/apps/codebattle/assets/css/style.scss
+++ b/services/app/apps/codebattle/assets/css/style.scss
@@ -43,7 +43,7 @@ $cb-bg-highlight-panel: #1c1c24;
 // $cb-bg-highlight-panel: #13181f;
 
 $secondary: #477591;
-$link-color: black;
+$link-color: white;
 $error: #dc3545;
 $bg-orange: rgba(238, 55, 55);
 $orange: rgba(238, 55, 55, 0.76);
@@ -411,7 +411,7 @@ a {
 }
 
 .cb-game-score-draw {
-  color: var(--black) !important;
+  color: var(--gray) !important;
 }
 
 .cb-user-online {
diff --git a/services/app/apps/codebattle/assets/js/widgets/pages/tournament/PlayersRankingPanel.jsx b/services/app/apps/codebattle/assets/js/widgets/pages/tournament/PlayersRankingPanel.jsx
index ef7723553..eac85cbd2 100644
--- a/services/app/apps/codebattle/assets/js/widgets/pages/tournament/PlayersRankingPanel.jsx
+++ b/services/app/apps/codebattle/assets/js/widgets/pages/tournament/PlayersRankingPanel.jsx
@@ -9,12 +9,12 @@ import {
 } from '@/selectors';
 
 const getCustomEventTrClassName = (item, selectedId) => cn(
-  'text-dark font-weight-bold cb-custom-event-tr-border',
+  'font-weight-bold cb-custom-event-tr-border',
   {
-    'cb-gold-place-bg': item?.place === 1,
-    'cb-silver-place-bg': item?.place === 2,
-    'cb-bronze-place-bg': item?.place === 3,
-    'cb-bg-panel text-white': !item?.place || item?.place > 3,
+    'text-dark cb-gold-place-bg': item?.place === 1,
+    'text-dark cb-silver-place-bg': item?.place === 2,
+    'text-dark cb-bronze-place-bg': item?.place === 3,
+    'cb-bg-panel': !item?.place || item?.place > 3,
   },
   {
     'cb-custom-event-tr-brown-border': item?.clanId === selectedId,
diff --git a/services/app/apps/codebattle/assets/js/widgets/pages/tournament/ReportsPanel.jsx b/services/app/apps/codebattle/assets/js/widgets/pages/tournament/ReportsPanel.jsx
index 81ae0ee35..dcbcc0aa9 100644
--- a/services/app/apps/codebattle/assets/js/widgets/pages/tournament/ReportsPanel.jsx
+++ b/services/app/apps/codebattle/assets/js/widgets/pages/tournament/ReportsPanel.jsx
@@ -123,9 +123,9 @@ function ReportsPanel() {
                     <Select
                       styles={customStyle}
                       value={{
-                      label: getStateText(item.state),
-                      value: item.state,
-                    }}
+                        label: getStateText(item.state),
+                        value: item.state,
+                      }}
                       onChange={changeReportState(item.id)}
                       options={reportStatusOptions}
                     />
@@ -133,9 +133,9 @@ function ReportsPanel() {
                   <td className={tableDataCellClassName}>
                     <p>
                       {moment
-                      .utc(item.insertedAt)
-                      .local()
-                      .format('YYYY-MM-DD HH:mm:ss')}
+                        .utc(item.insertedAt)
+                        .local()
+                        .format('YYYY-MM-DD HH:mm:ss')}
                     </p>
                   </td>
                   <td className={tableDataCellClassName}>
diff --git a/services/app/apps/codebattle/assets/js/widgets/pages/tournament/TaskRankingPanel.jsx b/services/app/apps/codebattle/assets/js/widgets/pages/tournament/TaskRankingPanel.jsx
index 9200b160d..320924c3a 100644
--- a/services/app/apps/codebattle/assets/js/widgets/pages/tournament/TaskRankingPanel.jsx
+++ b/services/app/apps/codebattle/assets/js/widgets/pages/tournament/TaskRankingPanel.jsx
@@ -11,12 +11,12 @@ import { getResults } from '../../middlewares/TournamentAdmin';
 import useTournamentPanel from './useTournamentPanel';
 
 const getCustomEventTrClassName = level => cn(
-  'text-dark font-weight-bold cb-custom-event-tr cursor-pointer',
+  'font-weight-bold cb-custom-event-tr cursor-pointer',
   {
-    'cb-custom-event-bg-success': level === 'easy',
-    'cb-custom-event-bg-orange': level === 'elementary',
-    'cb-custom-event-bg-blue': level === 'medium',
-    'cb-custom-event-bg-brown': level === 'hard',
+    'text-dark cb-custom-event-bg-success': level === 'easy',
+    'text-dark cb-custom-event-bg-orange': level === 'elementary',
+    'text-dark cb-custom-event-bg-blue': level === 'medium',
+    'text-dark cb-custom-event-bg-brown': level === 'hard',
   },
 );
 
diff --git a/services/app/apps/codebattle/assets/js/widgets/pages/tournament/TournamentClanTable.jsx b/services/app/apps/codebattle/assets/js/widgets/pages/tournament/TournamentClanTable.jsx
index 4fecfba02..e94fc6be4 100644
--- a/services/app/apps/codebattle/assets/js/widgets/pages/tournament/TournamentClanTable.jsx
+++ b/services/app/apps/codebattle/assets/js/widgets/pages/tournament/TournamentClanTable.jsx
@@ -7,17 +7,17 @@ import { useSelector } from 'react-redux';
 import { currentUserClanIdSelector, tournamentSelector } from '@/selectors';
 
 const getCustomEventTrClassName = (item, selectedId) => cn(
-    'text-dark font-weight-bold cb-custom-event-tr',
-    {
-      'cb-gold-place-bg': item?.place === 1,
-      'cb-silver-place-bg': item?.place === 2,
-      'cb-bronze-place-bg': item?.place === 3,
-      'cb-bg-panel text-white': !item?.place || item.place > 3,
-    },
-    {
-      'cb-custom-event-tr-brown-border': item.id === selectedId,
-    },
-  );
+  'font-weight-bold cb-custom-event-tr',
+  {
+    'text-dark cb-gold-place-bg': item?.place === 1,
+    'text-dark cb-silver-place-bg': item?.place === 2,
+    'text-dark cb-bronze-place-bg': item?.place === 3,
+    'cb-bg-panel': !item?.place || item.place > 3,
+  },
+  {
+    'cb-custom-event-tr-brown-border': item.id === selectedId,
+  },
+);
 
 const tableDataCellClassName = cn(
   'p-1 pl-4 my-2 align-middle text-nowrap position-relative cb-custom-event-td border-0',