fix: minor improvements in css

tefkah · Apr 20, 2022 · d956621 · d956621
1 parent 3b6b457
commit d956621
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 10 deletions.
diff --git a/content/zotero-night.ts b/content/zotero-night.ts
@@ -7,10 +7,6 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/require-await */
 /* eslint-disable @typescript-eslint/no-misused-promises */
-import {
-  createTypePredicateNodeWithModifier,
-  isDebuggerStatement,
-} from 'typescript'
 import { css } from './css'
 import { debug } from './debug'
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zotero-night",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Night theme for Zotero UI & Pdf",
   "scripts": {
     "dev": "nodemon --exec 'node esbuild.js' ./content/* ./skin/*",

diff --git a/skin/night.css b/skin/night.css
@@ -46,7 +46,8 @@
   <div style="background-color:#d8dee9; width=60; height=60"></div>
   Styleguide Nord - Snow Storm
   */
-  --nord4: #d8dee9;
+  --nord35: #c8d0e0;
+  --nord4: rgb(216, 222, 233);
 
   /*
   Lighter shade color of the base component color.
@@ -180,13 +181,17 @@
   transition: color 0.15s ease, background-color 0.15s ease;
 }
 
-#main-window[theme='dark'] label {
+#main-window[theme='dark'] zoteroitembox label {
   color: var(--label-color) !important;
 }
-#main-window[theme='dark'] label:not(.zotero-clicky) {
+#main-window[theme='dark'] zoteroitembox label:not(.zotero-clicky) {
   color: var(--main-text-color-toolbox-color) !important;
 }
 
+#main-window[theme='dark'] #zotero-tb-toggle-item-pane > span {
+  background: var(--nord0) !important;
+}
+
 #main-window[theme='dark'] #zotero-tb,
 #main-window[theme='dark'] #zotero-toolbar,
 #main-window[theme='dark'] #main-text-color-toolbox {
@@ -202,15 +207,15 @@
   color: var(--main-text-color-toolbox-color) !important;
 }
 
-#main-window[theme='dark'] #manage-attachments-menu label,
+/*#main-window[theme='dark'] #manage-attachments-menu label,
 #main-window[theme='dark'] #developer-menu label,
 #main-window[theme='dark'] #layout-menu label,
 #main-window[theme='dark'] #note-font-size-menu label,
 #main-window[theme='dark'] #font-size-menu label,
 #main-window[theme='dark'] #debug-output-menu label,
 #main-window[theme='dark'] #new-item label {
   color: var(--label-color) !important;
-}
+}*/
 
 #main-window[theme='dark'] #zotero-tag-selector-container {
   border-bottom: 1px solid var(--zotero-toolbar-border-bottom) !important;
@@ -260,6 +265,12 @@
   background-image: none !important;
 }
 
+[theme='dark'] .virtualized-table.multi-select:focus .row.focused {
+  margin: 0px !important;
+  width: 100% !important
+;
+}
+
 #main-window[theme='dark']
   .virtualized-table-body
   .drag-image-container
@@ -311,6 +322,7 @@
 #main-window[theme='dark'] #tab-bar-container .tab:hover {
   background: var(--nord2) !important;
   color: var(--nord3);
+  cursor: pointer;
 }
 
 #main-window[theme='dark'] .toolbar .annotation-tools .toolbarButton > span {
@@ -445,6 +457,7 @@
 #main-window[theme='dark'] toolbarbutton {
   background: none;
   pointer: cursor !important;
+  border-radius: 4px !important;
 }
 #main-window[theme='dark'] toolbarbutton:hover {
   background: var(--nord3);
@@ -471,6 +484,13 @@
   color: var(--main-text-color-toolbox-color) !important;
 }
 
+[theme='dark'] #zotero-items-tree .virtualized-table .row.selected .twisty svg {
+  fill: var(--nord6) !important;
+}
+[theme='dark'] #zotero-items-tree .virtualized-table .twisty svg {
+  fill: var(--nord35) !important;
+}
+
 #main-window[theme='dark'] .treecol-image {
   background: var(--input-background) !important;
   color: var(--main-text-color-toolbox-color) !important;
@@ -800,3 +820,19 @@ border-radius: 3px;
 
 }
 */
+
+/* [theme='dark'] tooltip {
+  animation: popup-intro ease-out 0.3s;
+} */
+/*
+✨ Animations
+*/
+
+@keyframes popup-intro {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}