MediaWiki:Gadget-GrAnnotations.css: Difference between revisions

← Older edit

@@ Line 2: / Line 2: @@
   * gr_annotations.css  —  grantha.io inline Notes + Bookmarks + Feedback  (v3)
   */
-/* ── Icon base ──────────────────────────────────────────────────── */
-.gra-icon {
-  display: inline-block;
-  width:  20px;
-  height: 20px;
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center;
-  flex-shrink: 0;
-}
-/* comment.svg → Feedback (flag/report)  */
-.gra-icon-feedback { background-image: url('/images/feedback.svg'); }
-/* notes.svg   → Notes                  */
-.gra-icon-note     { background-image: url('/images/notes.svg'); }
-.gra-icon-bookmark { background-image: url('/images/bookmark.svg'); }
-.gra-icon-copy     { background-image: url('/images/copy.svg'); }
-.gra-icon-search { background-image: url('/images/search.svg'); }
-.gra-icon-dismiss { background-image: url('/images/close.svg'); }
 /* ══════════════════════════════════════════════════════════════════
@@ Line 161: / Line 142: @@
 .gra-tab .gra-icon { width: 16px; height: 16px; opacity: 0.5; }
 .gra-tab:hover { color: #333; }
-.gra-tab.gra-tab-active { color: #1a73e8; border-bottom-color: #1a73e8; }
+.gra-tab.gra-tab-active { color: #B14A2E; border-bottom-color: #B14A2E; }
 .gra-tab.gra-tab-active .gra-icon {
    opacity: 1;
-   filter: invert(30%) sepia(100%) saturate(500%) hue-rotate(190deg);
+   filter: invert(33%) sepia(52%) saturate(1104%) hue-rotate(333deg) brightness(93%) contrast(90%);}
-}
 #gra-panel-body {
@@ Line 199: / Line 179: @@
 }
 .gra-composer.gra-composer-visible { display: flex; }
 /* Feedback composer header row */
@@ Line 208: / Line 193: @@
 .gra-composer-header strong {
    flex: 1;
-   font-size: 14px;
+   font-weight: 600;
-   color: #202124;
+   color: #1C1A17;
+  font-size: 16px;
+  font-family: "Noto Sans Devanagari"
 }
 .gra-btn-x {
@@ Line 327: / Line 314: @@
 }
 .gra-composer-input::placeholder { color: #aaa; }
-.gra-composer-input:focus { border-color: #1a73e8; }
+.gra-composer-input:focus { border-color: #B14A2E; }
 .gra-composer-actions {
@@ Line 340: / Line 327: @@
    cursor: pointer;
    color: #5f6368;
-   font-size: 13px;
+   font-size: 14px;
-   font-family: inherit;
+   font-family:"Noto Sans Devanagari";
    font-weight: 500;
-   padding: 6px 12px;
+   padding: 8px 12px;
    border-radius: 4px;
 }
@@ Line 493: / Line 480: @@
 .gra-bm-composer.gra-composer-visible { display: flex; }
 .gra-bm-composer-label {
-  font-weight: 600;
    color: #1C1A17;
    font-size: 16px;
@@ Line 499: / Line 485: @@
    align-items: center;
    gap: 8px;
-  font-family: "Noto Sans Devanagari"
 }
-.gra-bm-composer-label .gra-icon {
+.gra-bm-composer-label .gra-icon, .gra-composer-header .gra-icon, .gra-tab .gra-icon, .gra-note-card .gra-icon, .gra-bookmark-card .gra-icon {filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(894%) hue-rotate(357deg) brightness(97%) contrast(92%);
-filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(894%) hue-rotate(357deg) brightness(97%) contrast(92%);
 }