colors

apps/client/src/features/page-history/components/css/history-diff.module.css

@@ -10,19 +10,12 @@
 }
 
 :global(.history-diff-added) {
-  position: relative;
-  z-index: 0;
-}
-
-:global(.history-diff-added)::before {
-  content: "";
-  position: absolute;
-  z-index: -1;
-  inset: 0;
-  right: 0;
-  background: light-dark(var(--mantine-color-green-0), rgba(0, 255, 0, 0.06));
-  border-radius: rem(4px);
-  pointer-events: none;
+  background: light-dark(#e1f3f2, #01654a) !important;
+  color: light-dark(#007b69, #cafff7) !important;
+  border-radius: rem(2px);
+  padding: 0 rem(2px);
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
 }
 
 :global(.history-diff-deleted) {
@@ -34,7 +27,7 @@
 }
 
 :global(.history-diff-node-added) {
-  outline: rem(2px) solid light-dark(var(--mantine-color-green-5), var(--mantine-color-green-7));
+  outline: rem(2px) solid light-dark(var(--mantine-color-teal-5), var(--mantine-color-teal-7));
   outline-offset: rem(2px);
   border-radius: rem(4px);
 }

apps/client/src/features/page-history/components/history-list.tsx

@@ -152,9 +152,6 @@ function HistoryList({ pageId }: Props) {
         <>
           <Divider />
           <Group p="xs" wrap="nowrap">
-            <Button size="compact-md" onClick={confirmRestore}>
-              {t("Restore")}
-            </Button>
             <Button
               variant="default"
               size="compact-md"
@@ -162,6 +159,9 @@ function HistoryList({ pageId }: Props) {
             >
               {t("Close")}
             </Button>
+            <Button size="compact-md" onClick={confirmRestore}>
+              {t("Restore")}
+            </Button>
           </Group>
         </>
       )}

apps/client/src/features/page-history/components/history-modal.tsx

@@ -28,18 +28,15 @@ export default function HistoryModal({ pageId, pageTitle }: Props) {
           <Modal.Header>
             <Modal.Title>
               <Text size="md" fw={500}>
-                {pageTitle ? (
-                  <>
-                    {t("Version history for")} <Text span fw={700}>{pageTitle}</Text> {t("document")}
-                  </>
-                ) : (
-                  t("Page history")
-                )}
+                {t("Page history")}
               </Text>
             </Modal.Title>
             <Modal.CloseButton />
           </Modal.Header>
-          <Modal.Body p={0} style={{ height: "calc(100vh - 60px)", overflow: "hidden" }}>
+          <Modal.Body
+            p={0}
+            style={{ height: "calc(100vh - 60px)", overflow: "hidden" }}
+          >
             <HistoryModalMobile pageId={pageId} pageTitle={pageTitle} />
           </Modal.Body>
         </Modal.Content>