fix various issues with border radius and comment boxes - #1287

StylishThemes · Mar 16, 2021 · 5687020 · 5687020
1 parent ffcd621
commit 5687020
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 32 deletions.
diff --git a/github-dark.user.css b/github-dark.user.css
@@ -6783,12 +6783,12 @@
   .file-header {
     background: #202020 !important;
   }
-  .pagehead-tabs-item.selected, .reponav-item.selected, .tabnav-tab.selected {
+  .pagehead-tabs-item.selected, .reponav-item.selected {
     background: #202020;
     border-bottom-color: #202020 !important;
   }
-  .timeline-comment .tabnav-tab.selected,
-  .comment-form-head .tabnav-tab.selected {
+  .tabnav-tab.selected, .tabnav-tab[aria-current]:not([aria-current="false"]),
+  .tabnav-tab[aria-selected="true"] {
     background: #181818 !important;
     border-bottom-color: #181818 !important;
   }
@@ -6864,11 +6864,11 @@
     background: #181818;
     border-color: #484848 !important;
   }
-  .Box-row--hover-blue, .dashboard-sidebar, .tint-box, .capped-card-content,
-  .table-list-item, .pinned-issue-item, .line-comments,
-  .js-notice > .border:not(.bg-blue-light), .js-notice.border, #projects-results,
-  .pr-toolbar.is-stuck, .pinned-issue-item, .pinned-item-list-item,
-  article.border.rounded-1, #search-member, .sidebar-progress-bar > .d-flex,
+  .dashboard-sidebar, .tint-box, .capped-card-content, .table-list-item,
+  .pinned-issue-item, .line-comments, .js-notice > .border:not(.bg-blue-light),
+  .js-notice.border, #projects-results, .pr-toolbar.is-stuck, .pinned-issue-item,
+  .pinned-item-list-item, article.border.rounded-1, #search-member,
+  .sidebar-progress-bar > .d-flex,
   .pagination-loader-container .discussion-item-header .border,
   #wiki-footer .border-dashed, #wiki-rightbar .border-dashed,
   .profile-timeline-card, .avatar-before-user-status,
@@ -7892,14 +7892,6 @@
     position: relative !important;
     z-index: 1 !important;
   }
-  /* Comment Form Preview */
-  .previewable-comment-form,
-  .previewable-comment-form .tabnav-tab[aria-selected="true"] {
-    background: var(--ghd-main-background) !important;
-  }
-  .previewable-comment-form .comment-form-head.tabnav {
-    background: var(--ghd-bg-color) !important;
-  }
   /* GitHub Enterprise (GHE) stuff */
   body.enterprise .repohead.experiment-repo-nav {
     background: rgba(24, 24, 24, .4);
@@ -32794,7 +32786,9 @@
     --color-auto-blue-3: rgba(/*[[base-color-rgb]]*/, .5);
     --color-auto-blue-4: /*[[base-color]]*/;
     --color-auto-blue-5: /*[[base-color]]*/;
+    --color-auto-gray-1: #212121;
     --color-auto-gray-2: #222;
+    --color-auto-gray-3: #343434;
     --color-auto-gray-4: #606060;
     --color-auto-gray-6: #767676;
     --color-auto-gray-7: #9b9b9b;

diff --git a/src/main.css b/src/main.css
@@ -714,12 +714,12 @@
   .file-header {
     background: #202020 !important;
   }
-  .pagehead-tabs-item.selected, .reponav-item.selected, .tabnav-tab.selected {
+  .pagehead-tabs-item.selected, .reponav-item.selected {
     background: #202020;
     border-bottom-color: #202020 !important;
   }
-  .timeline-comment .tabnav-tab.selected,
-  .comment-form-head .tabnav-tab.selected {
+  .tabnav-tab.selected, .tabnav-tab[aria-current]:not([aria-current="false"]),
+  .tabnav-tab[aria-selected="true"] {
     background: #181818 !important;
     border-bottom-color: #181818 !important;
   }
@@ -795,11 +795,11 @@
     background: #181818;
     border-color: #484848 !important;
   }
-  .Box-row--hover-blue, .dashboard-sidebar, .tint-box, .capped-card-content,
-  .table-list-item, .pinned-issue-item, .line-comments,
-  .js-notice > .border:not(.bg-blue-light), .js-notice.border, #projects-results,
-  .pr-toolbar.is-stuck, .pinned-issue-item, .pinned-item-list-item,
-  article.border.rounded-1, #search-member, .sidebar-progress-bar > .d-flex,
+  .dashboard-sidebar, .tint-box, .capped-card-content, .table-list-item,
+  .pinned-issue-item, .line-comments, .js-notice > .border:not(.bg-blue-light),
+  .js-notice.border, #projects-results, .pr-toolbar.is-stuck, .pinned-issue-item,
+  .pinned-item-list-item, article.border.rounded-1, #search-member,
+  .sidebar-progress-bar > .d-flex,
   .pagination-loader-container .discussion-item-header .border,
   #wiki-footer .border-dashed, #wiki-rightbar .border-dashed,
   .profile-timeline-card, .avatar-before-user-status,
@@ -1823,14 +1823,6 @@
     position: relative !important;
     z-index: 1 !important;
   }
-  /* Comment Form Preview */
-  .previewable-comment-form,
-  .previewable-comment-form .tabnav-tab[aria-selected="true"] {
-    background: var(--ghd-main-background) !important;
-  }
-  .previewable-comment-form .comment-form-head.tabnav {
-    background: var(--ghd-bg-color) !important;
-  }
   /* GitHub Enterprise (GHE) stuff */
   body.enterprise .repohead.experiment-repo-nav {
     background: rgba(24, 24, 24, .4);

diff --git a/src/vars.css b/src/vars.css
@@ -31,7 +31,9 @@
     --color-auto-blue-3: rgba(/*[[base-color-rgb]]*/, .5);
     --color-auto-blue-4: /*[[base-color]]*/;
     --color-auto-blue-5: /*[[base-color]]*/;
+    --color-auto-gray-1: #212121;
     --color-auto-gray-2: #222;
+    --color-auto-gray-3: #343434;
     --color-auto-gray-4: #606060;
     --color-auto-gray-6: #767676;
     --color-auto-gray-7: #9b9b9b;