From 6ed1c2dabc9d43f5c237b7f457ced43569b78346 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sedat=20=C3=96zt=C3=BCrk?= <sedat.ozturk@sozsoft.com>
Date: Sun, 24 May 2026 00:53:56 +0300
Subject: [PATCH] =?UTF-8?q?Darkmod=20ayarlar=C4=B1=20d=C3=BCzenlendi.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/admin/listForm/edit/FormEdit.tsx |  2 +-
 .../listForm/edit/form-fields/FormFields.tsx  |  2 +-
 .../listForm/workflow/WorkflowCanvas.tsx      | 40 ++++++-----
 .../listForm/workflow/WorkflowCriteria.tsx    | 70 +++++++++++--------
 .../listForm/workflow/WorkflowDesigner.tsx    | 37 +++++++---
 ui/src/views/admin/videoroom/Dashboard.tsx    |  4 +-
 ui/src/views/form/useFormData.tsx             |  6 +-
 ui/src/views/version/ChangeLog.tsx            |  2 +-
 8 files changed, 97 insertions(+), 66 deletions(-)

diff --git a/ui/src/views/admin/listForm/edit/FormEdit.tsx b/ui/src/views/admin/listForm/edit/FormEdit.tsx
index d3f1ff2..504e13e 100644
--- a/ui/src/views/admin/listForm/edit/FormEdit.tsx
+++ b/ui/src/views/admin/listForm/edit/FormEdit.tsx
@@ -240,7 +240,7 @@ const FormEdit = () => {
         {/* SAĞ TARAF */}
         {listFormValues.isTenant && (
           <Badge
-            className="font-semibold"
+            className="font-semibold dark:bg-red-500 dark:text-white"
             content="Bu bir MULTI TENANT form'dur, veri kaybı olmaması için, sorgularda TENANTID
             parametresini kullanmayı unutmayınız."
             innerClass="p-1 bg-red-50 text-red-500"
diff --git a/ui/src/views/admin/listForm/edit/form-fields/FormFields.tsx b/ui/src/views/admin/listForm/edit/form-fields/FormFields.tsx
index af5b7f3..b241920 100644
--- a/ui/src/views/admin/listForm/edit/form-fields/FormFields.tsx
+++ b/ui/src/views/admin/listForm/edit/form-fields/FormFields.tsx
@@ -457,7 +457,7 @@ function FormFields({
                     <Tr
                       className={classNames(
                         'cursor-pointer',
-                        field.id === row?.id ? 'bg-sozsoft-active' : '',
+                        field.id === row?.id ? 'bg-sozsoft-active dark:bg-gray-600' : '',
                       )}
                       onClick={(e: any) => {
                         setRow(field)
diff --git a/ui/src/views/admin/listForm/workflow/WorkflowCanvas.tsx b/ui/src/views/admin/listForm/workflow/WorkflowCanvas.tsx
index 6a14218..c354ecf 100644
--- a/ui/src/views/admin/listForm/workflow/WorkflowCanvas.tsx
+++ b/ui/src/views/admin/listForm/workflow/WorkflowCanvas.tsx
@@ -110,10 +110,10 @@ export function WorkflowCanvas({
   return (
     <div
       ref={canvasRef}
-      className="relative max-h-[68vh] min-h-[620px] overflow-auto rounded-lg border border-gray-200"
+      className="relative max-h-[68vh] min-h-[620px] overflow-auto rounded-lg border border-gray-200 bg-white [--grid-color:#edf1f6] dark:border-gray-700 dark:bg-gray-950 dark:[--grid-color:#243244]"
       style={{
         backgroundImage:
-          'linear-gradient(#edf1f6 1px, transparent 1px), linear-gradient(90deg, #edf1f6 1px, transparent 1px)',
+          'linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px)',
         backgroundSize: '24px 24px',
       }}
       tabIndex={0}
@@ -121,12 +121,12 @@ export function WorkflowCanvas({
       onKeyDown={handleKeyDown}
     >
       {pendingLink && (
-        <div className="sticky left-2.5 top-2.5 z-50 m-2.5 inline-flex min-h-[34px] items-center rounded-md border border-[#8bb3f1] bg-[#eff6ff] px-3 text-[13px] text-blue-800 shadow-lg">
+        <div className="sticky left-2.5 top-2.5 z-50 m-2.5 inline-flex min-h-[34px] items-center rounded-md border border-[#8bb3f1] bg-[#eff6ff] px-3 text-[13px] text-blue-800 shadow-lg dark:border-blue-500/60 dark:bg-blue-900/40 dark:text-blue-100">
           {outcomeLabel(pendingLink.outcome)} çıkışı seçildi. Hedef iş akışı adımına tıklayın.
         </div>
       )}
       {currentCriteria.length === 0 && (
-        <div className="sticky left-[18px] top-[18px] z-30 inline-grid max-w-[360px] gap-1 rounded-lg border border-[#cfd6e2] bg-white/95 p-3.5 text-[#475467] shadow-lg">
+        <div className="sticky left-[18px] top-[18px] z-30 inline-grid max-w-[360px] gap-1 rounded-lg border border-[#cfd6e2] bg-white/95 p-3.5 text-[#475467] shadow-lg dark:border-gray-700 dark:bg-gray-900/95 dark:text-gray-300">
           <span>
             Üstteki butonlardan adım ekleyin, sonra çıkış etiketleriyle bağlantıları kurun.
           </span>
@@ -293,10 +293,10 @@ function FlowNode({
       ref={setNodeRef}
       type="button"
       className={classNames(
-        'absolute z-40 grid h-32 w-44 touch-none content-start justify-items-start gap-1 rounded-lg border-2 border-[#667085] bg-white p-2.5 text-left text-slate-700 shadow-lg',
+        'absolute z-40 grid h-32 w-44 touch-none content-start justify-items-start gap-1 rounded-lg border-2 border-[#667085] bg-white p-2.5 text-left text-slate-700 shadow-lg dark:border-gray-600 dark:bg-gray-900 dark:text-gray-200',
         {
           'border-blue-600 outline outline-[3px] outline-blue-600/20': selected,
-          'border-green-600 bg-green-50 shadow-[0_0_0_4px_rgba(22,163,74,0.18),0_10px_24px_rgba(22,101,52,0.14)]':
+          'border-green-600 bg-green-50 shadow-[0_0_0_4px_rgba(22,163,74,0.18),0_10px_24px_rgba(22,101,52,0.14)] dark:bg-green-900/20':
             active,
           'h-[158px] border-amber-600': item.kind === 'Compare',
           'border-violet-600': item.kind === 'Approval',
@@ -330,8 +330,8 @@ function FlowNode({
     >
       <span
         className={classNames('inline-flex items-center gap-1.5 text-xs', {
-          'text-green-800': active,
-          'text-slate-500': !active,
+          'text-green-800 dark:text-green-300': active,
+          'text-slate-500 dark:text-gray-400': !active,
         })}
       >
         <Icon />
@@ -340,7 +340,13 @@ function FlowNode({
       <strong className="break-words text-sm leading-tight [overflow-wrap:anywhere]">
         {item.title}
       </strong>
-      <small className={active ? 'text-green-800' : 'text-slate-500'}>{item.id}</small>
+      <small
+        className={
+          active ? 'text-green-800 dark:text-green-300' : 'text-slate-500 dark:text-gray-400'
+        }
+      >
+        {item.id}
+      </small>
       <div className="mt-0.5 flex max-w-full flex-wrap gap-[3px]">
         {(getNodeOutcomes(item) as WorkflowOutcome[]).map((outcome) => (
           <span
@@ -348,9 +354,9 @@ function FlowNode({
             role="button"
             tabIndex={0}
             className={classNames(
-              'inline-flex min-h-[19px] max-w-full cursor-crosshair items-center overflow-hidden rounded-full border border-[#cfd6e2] bg-white px-1.5 py-px text-[10px] leading-tight text-[#344054] [text-overflow:ellipsis] [white-space:nowrap]',
+              'inline-flex min-h-[19px] max-w-full cursor-crosshair items-center overflow-hidden rounded-full border border-[#cfd6e2] bg-white px-1.5 py-px text-[10px] leading-tight text-[#344054] [text-overflow:ellipsis] [white-space:nowrap] dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200',
               {
-                'border-blue-600 bg-[#eaf2ff] text-blue-600':
+                'border-blue-600 bg-[#eaf2ff] text-blue-600 dark:border-blue-400 dark:bg-blue-900/40 dark:text-blue-200':
                   pendingLink?.sourceId === item.id && pendingLink?.outcome === outcome.field,
               },
             )}
@@ -388,10 +394,10 @@ function FlowNode({
           <span
             key={`${outcome.field}-port`}
             className={classNames(
-              'absolute z-10 h-1 w-1 rounded-full border border-[#475467] bg-white shadow-[0_0_0_1.5px_rgba(255,255,255,0.95)]',
+              'absolute z-10 h-1 w-1 rounded-full border border-[#475467] bg-white shadow-[0_0_0_1.5px_rgba(255,255,255,0.95)] dark:border-gray-300 dark:bg-gray-900 dark:shadow-[0_0_0_1.5px_rgba(17,24,39,0.95)]',
               portSideClass(side),
               {
-                'border-blue-600 bg-blue-100':
+                'border-blue-600 bg-blue-100 dark:border-blue-300 dark:bg-blue-800':
                   pendingLink?.sourceId === item.id && pendingLink?.outcome === outcome.field,
               },
             )}
@@ -407,7 +413,7 @@ function FlowNode({
             <span
               key={`${link.key}-incoming-port`}
               className={classNames(
-                'absolute h-1 w-1 rounded-full border border-slate-500 bg-slate-50 shadow-[0_0_0_1.5px_rgba(255,255,255,0.95)]',
+                'absolute h-1 w-1 rounded-full border border-slate-500 bg-slate-50 shadow-[0_0_0_1.5px_rgba(255,255,255,0.95)] dark:border-gray-300 dark:bg-gray-900 dark:shadow-[0_0_0_1.5px_rgba(17,24,39,0.95)]',
                 portSideClass(side),
               )}
               style={getPortStyle(
@@ -466,7 +472,7 @@ function Arrow({
       />
       <path
         className={classNames(
-          'pointer-events-none stroke-white/95 [stroke-linecap:butt] [stroke-linejoin:round] [stroke-width:7] group-hover:stroke-[var(--link-soft)] group-hover:[stroke-width:10] group-focus-visible:stroke-[var(--link-soft)] group-focus-visible:[stroke-width:10]',
+          'pointer-events-none stroke-white/95 [stroke-linecap:butt] [stroke-linejoin:round] [stroke-width:7] group-hover:stroke-[var(--link-soft)] group-hover:[stroke-width:10] group-focus-visible:stroke-[var(--link-soft)] group-focus-visible:[stroke-width:10] dark:stroke-gray-950/95',
           { 'stroke-[var(--link-soft)] [stroke-width:10]': isActive },
         )}
         d={d}
@@ -506,13 +512,13 @@ function ArrowLabel({
   return (
     <g
       className={classNames(linkToneClass(tone), {
-        '[&_text]:text-[11px] [&_text]:font-bold [&_rect]:fill-white [&_rect]:[stroke-width:1.5]':
+        '[&_text]:text-[11px] [&_text]:font-bold [&_rect]:fill-white [&_rect]:[stroke-width:1.5] dark:[&_rect]:fill-gray-900':
           isActive,
       })}
       data-flow-link
     >
       <rect
-        className="fill-white/90 stroke-[var(--link-soft)] [stroke-width:1]"
+        className="fill-white/90 stroke-[var(--link-soft)] [stroke-width:1] dark:fill-gray-900/90"
         x={labelPoint.x - labelWidth / 2}
         y={labelPoint.y - 12}
         width={labelWidth}
diff --git a/ui/src/views/admin/listForm/workflow/WorkflowCriteria.tsx b/ui/src/views/admin/listForm/workflow/WorkflowCriteria.tsx
index 27af9d3..a587318 100644
--- a/ui/src/views/admin/listForm/workflow/WorkflowCriteria.tsx
+++ b/ui/src/views/admin/listForm/workflow/WorkflowCriteria.tsx
@@ -73,19 +73,17 @@ export function WorkflowCriteria({
 
     const validColumns = new Set(compareColumnOptions.map((option) => option.value))
     let changed = false
-    const nextOutcomes = (formValues.compareOutcomes || []).map(
-      (outcome: CompareOutcomeDto) => ({
-        ...outcome,
-        conditions: (outcome.conditions || []).map((condition) => {
-          if (validColumns.has(condition.compareColumn)) {
-            return condition
-          }
+    const nextOutcomes = (formValues.compareOutcomes || []).map((outcome: CompareOutcomeDto) => ({
+      ...outcome,
+      conditions: (outcome.conditions || []).map((condition) => {
+        if (validColumns.has(condition.compareColumn)) {
+          return condition
+        }
 
-          changed = true
-          return { ...condition, compareColumn: defaultCompareColumn }
-        }),
+        changed = true
+        return { ...condition, compareColumn: defaultCompareColumn }
       }),
-    )
+    }))
 
     const nextCompareColumn = validColumns.has(formValues.compareColumn)
       ? formValues.compareColumn
@@ -189,7 +187,10 @@ export function WorkflowCriteria({
             const connectionSummary = criteriaConnectionSummary(item, criteria)
 
             return (
-              <Tr key={item.id} className={classNames(isSelected && 'bg-blue-50')}>
+              <Tr
+                key={item.id}
+                className={classNames(isSelected && 'bg-blue-50 dark:bg-blue-900/20')}
+              >
                 <Td>
                   <div className="flex-wrap inline-flex xl:flex items-center gap-2">
                     <Button
@@ -269,7 +270,10 @@ export function WorkflowCriteria({
                   </FormItem>
 
                   {(formValues.kind === 'Start' || formValues.kind === 'Inform') && (
-                    <FormItem label={translate('::App.Listform.ListformField.NextOnStart')} asterisk>
+                    <FormItem
+                      label={translate('::App.Listform.ListformField.NextOnStart')}
+                      asterisk
+                    >
                       {targetSelect(
                         formValues.nextOnStart,
                         (value) => setField('nextOnStart', value),
@@ -280,14 +284,20 @@ export function WorkflowCriteria({
 
                   {formValues.kind === 'Approval' && (
                     <>
-                      <FormItem label={translate('::App.Listform.ListformField.NextOnApprove')} asterisk>
+                      <FormItem
+                        label={translate('::App.Listform.ListformField.NextOnApprove')}
+                        asterisk
+                      >
                         {targetSelect(
                           formValues.nextOnApprove,
                           (value) => setField('nextOnApprove', value),
                           true,
                         )}
                       </FormItem>
-                      <FormItem label={translate('::App.Listform.ListformField.NextOnReject')} asterisk>
+                      <FormItem
+                        label={translate('::App.Listform.ListformField.NextOnReject')}
+                        asterisk
+                      >
                         {targetSelect(
                           formValues.nextOnReject,
                           (value) => setField('nextOnReject', value),
@@ -304,7 +314,7 @@ export function WorkflowCriteria({
                       <h6>
                         {translate('::App.Listform.ListformField.CompareOutcomes')}
                         {isLoadingSelectCommandColumns && (
-                          <span className="ml-2 text-xs font-normal text-gray-400">
+                          <span className="ml-2 text-xs font-normal text-gray-400 dark:text-gray-500">
                             {translate('::App.Listform.ListformField.LoadingColumns')}
                           </span>
                         )}
@@ -330,10 +340,17 @@ export function WorkflowCriteria({
                     <div className="grid gap-3">
                       {(formValues.compareOutcomes || []).map(
                         (outcome: CompareOutcomeDto, index: number) => (
-                          <div key={index} className="rounded border border-gray-200 p-3">
+                          <div
+                            key={index}
+                            className="rounded border border-gray-200 bg-white p-3 dark:border-gray-700 dark:bg-gray-900"
+                          >
                             <div className="flex flex-col-11 items-center gap-2 mb-2">
-                              <strong className="flex-[5]">{translate('::App.Listform.ListformField.Status')} {index + 1}</strong>
-                              <strong className="flex-[5]">{translate('::App.Listform.ListformField.Connection')}</strong>
+                              <strong className="flex-[5]">
+                                {translate('::App.Listform.ListformField.Status')} {index + 1}
+                              </strong>
+                              <strong className="flex-[5]">
+                                {translate('::App.Listform.ListformField.Connection')}
+                              </strong>
                               <span className="flex-1" />
                             </div>
                             <div className="flex flex-col-11 items-center gap-2">
@@ -439,7 +456,7 @@ export function WorkflowCriteria({
             </div>
           </Dialog.Body>
 
-          <Dialog.Footer className="flex justify-end gap-2 border-t pt-3 mt-1">
+          <Dialog.Footer className="flex justify-end gap-2 border-t border-gray-200 pt-3 mt-1 dark:border-gray-700">
             <Button type="button" variant="plain" disabled={busy} onClick={closeDialog}>
               {translate('::Cancel')}
             </Button>
@@ -463,16 +480,9 @@ export function WorkflowCriteria({
 
 function isNumericDataType(dataType?: string | null) {
   const normalized = (dataType || '').toLowerCase()
-  return [
-    'int',
-    'decimal',
-    'numeric',
-    'money',
-    'float',
-    'real',
-    'double',
-    'number',
-  ].some((typeName) => normalized.includes(typeName))
+  return ['int', 'decimal', 'numeric', 'money', 'float', 'real', 'double', 'number'].some(
+    (typeName) => normalized.includes(typeName),
+  )
 }
 
 function SelectField({
diff --git a/ui/src/views/admin/listForm/workflow/WorkflowDesigner.tsx b/ui/src/views/admin/listForm/workflow/WorkflowDesigner.tsx
index 17ac756..88bfc63 100644
--- a/ui/src/views/admin/listForm/workflow/WorkflowDesigner.tsx
+++ b/ui/src/views/admin/listForm/workflow/WorkflowDesigner.tsx
@@ -86,7 +86,7 @@ export function WorkflowDesigner({
   return (
     <div className="min-h-screen">
       <main className="grid">
-        <section className="relative min-w-0 rounded-lg border border-gray-200 bg-white p-4 max-[1080px]:pr-4">
+        <section className="relative min-w-0 rounded-lg border border-gray-200 bg-white p-4 max-[1080px]:pr-4 dark:border-gray-700 dark:bg-gray-900">
           <div className="mb-3.5 flex items-center justify-between gap-4 max-[720px]:flex-col max-[720px]:items-stretch">
             <DesignerTabs activeTab={designerTab} onChange={onSetDesignerTab} />
 
@@ -176,7 +176,10 @@ function DesignerToolbar({
     <div className="flex flex-wrap justify-end gap-2">
       <button
         type="button"
-        className={classNames(designerButtonClass, 'border-gray-300 bg-white text-slate-700')}
+        className={classNames(
+          designerButtonClass,
+          'border-gray-300 bg-white text-slate-700 hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700',
+        )}
         disabled={busy}
         title="Demo akışı yükle"
         onClick={onResetDemo}
@@ -186,7 +189,10 @@ function DesignerToolbar({
       </button>
       <button
         type="button"
-        className={classNames(designerButtonClass, 'border-blue-600 bg-white text-blue-600')}
+        className={classNames(
+          designerButtonClass,
+          'border-blue-600 bg-white text-blue-600 hover:bg-blue-50 dark:border-blue-500 dark:bg-gray-800 dark:text-blue-300 dark:hover:bg-blue-900/30',
+        )}
         disabled={busy || currentCriteria.length === 0}
         title="Düğümleri okunabilir şekilde yerleştir"
         onClick={onFitLayout}
@@ -196,7 +202,10 @@ function DesignerToolbar({
       </button>
       <button
         type="button"
-        className={classNames(designerIconButtonClass, 'border-blue-600 bg-white text-blue-600')}
+        className={classNames(
+          designerIconButtonClass,
+          'border-blue-600 bg-white text-blue-600 hover:bg-blue-50 dark:border-blue-500 dark:bg-gray-800 dark:text-blue-300 dark:hover:bg-blue-900/30',
+        )}
         title="Yakınlaştır"
         onClick={onZoomIn}
       >
@@ -204,13 +213,16 @@ function DesignerToolbar({
       </button>
       <button
         type="button"
-        className={classNames(designerIconButtonClass, 'border-blue-600 bg-white text-blue-600')}
+        className={classNames(
+          designerIconButtonClass,
+          'border-blue-600 bg-white text-blue-600 hover:bg-blue-50 dark:border-blue-500 dark:bg-gray-800 dark:text-blue-300 dark:hover:bg-blue-900/30',
+        )}
         title="Uzaklaştır"
         onClick={onZoomOut}
       >
         <FiZoomOut />
       </button>
-      <span className="inline-flex min-w-12 items-center justify-center text-[13px] font-bold text-slate-500">
+      <span className="inline-flex min-w-12 items-center justify-center text-[13px] font-bold text-slate-500 dark:text-gray-400">
         {Math.round(zoom * 100)}%
       </span>
       {kindOptions.map((option) => {
@@ -219,7 +231,10 @@ function DesignerToolbar({
           <button
             key={option.value}
             type="button"
-            className={classNames(designerButtonClass, 'border-blue-600 bg-white text-blue-600')}
+            className={classNames(
+              designerButtonClass,
+              'border-blue-600 bg-white text-blue-600 hover:bg-blue-50 dark:border-blue-500 dark:bg-gray-800 dark:text-blue-300 dark:hover:bg-blue-900/30',
+            )}
             disabled={busy}
             onClick={() => onAddCriteria(option.value)}
           >
@@ -249,8 +264,8 @@ function DesignerTabs({
         className={classNames(
           designerTabClass,
           activeTab === 'flow'
-            ? 'border-blue-700 bg-blue-700 text-white shadow-sm'
-            : 'border-gray-200 bg-white text-slate-600',
+            ? 'border-blue-700 bg-blue-700 text-white shadow-sm dark:border-blue-500 dark:bg-blue-600'
+            : 'border-gray-200 bg-white text-slate-600 hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700',
         )}
         onClick={() => onChange('flow')}
       >
@@ -262,8 +277,8 @@ function DesignerTabs({
         className={classNames(
           designerTabClass,
           activeTab === 'criteria'
-            ? 'border-blue-700 bg-blue-700 text-white shadow-sm'
-            : 'border-gray-200 bg-white text-slate-600',
+            ? 'border-blue-700 bg-blue-700 text-white shadow-sm dark:border-blue-500 dark:bg-blue-600'
+            : 'border-gray-200 bg-white text-slate-600 hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700',
         )}
         onClick={() => onChange('criteria')}
       >
diff --git a/ui/src/views/admin/videoroom/Dashboard.tsx b/ui/src/views/admin/videoroom/Dashboard.tsx
index e3ce1c5..784ec12 100644
--- a/ui/src/views/admin/videoroom/Dashboard.tsx
+++ b/ui/src/views/admin/videoroom/Dashboard.tsx
@@ -30,13 +30,13 @@ const Dashboard: React.FC = () => {
         title={translate('::' + 'App.Videoroom.Dashboard')}
         defaultTitle="Erp Platform"
       ></Helmet>
-      <div className="flex items-center justify-center p-4 bg-white dark:bg-gray-900 min-h-screen">
+      <div className="flex items-center justify-center mt-36 bg-white dark:bg-gray-900">
         <motion.div
           initial={{ opacity: 0, y: 20 }}
           animate={{ opacity: 1, y: 0 }}
           className="text-center w-full max-w-4xl"
         >
-          <p className="text-lg sm:text-xl text-gray-600 dark:text-gray-300 mb-8 sm:mb-12">
+          <p className="text-lg sm:text-xl text-gray-600 dark:text-gray-300 mb-4 sm:mb-12">
             {translate('::' + 'App.Videoroom.RoleSelector')}
           </p>
 
diff --git a/ui/src/views/form/useFormData.tsx b/ui/src/views/form/useFormData.tsx
index 9e83aea..4e5de73 100644
--- a/ui/src/views/form/useFormData.tsx
+++ b/ui/src/views/form/useFormData.tsx
@@ -288,11 +288,11 @@ const useGridData = (props: {
             })
             .filter((a: any) => {
               if (mode === 'view') {
-                return a.canRead && a.allowEditing
+                return a.canRead
               } else if (mode === 'new') {
-                return (a.canCreate || a.canRead) && a.allowAdding
+                return a.canCreate && a.allowAdding
               } else if (mode === 'edit') {
-                return (a.canUpdate || a.canRead) && a.allowEditing
+                return a.canUpdate && a.allowEditing
               } else {
                 return false
               }
diff --git a/ui/src/views/version/ChangeLog.tsx b/ui/src/views/version/ChangeLog.tsx
index 177b873..286a88b 100644
--- a/ui/src/views/version/ChangeLog.tsx
+++ b/ui/src/views/version/ChangeLog.tsx
@@ -19,7 +19,7 @@ const Log = ({ version, date, children }: { version: string; date: string; child
         <time className="sm:absolute left-0 translate-y-0.5 inline-flex items-center justify-center text-xs font-semibold uppercase w-20 h-6 mb-3 sm:mb-0 text-emerald-600 bg-emerald-100 rounded-full">
           {date}
         </time>
-        <div className="flex items-center text-xl font-bold text-gray-900">
+        <div className="flex items-center text-xl font-bold text-gray-900 dark:text-white">
           <FaTag className="mr-2 text-indigo-500" />
           v{version}
         </div>