NiakGPT/polish-v081.css at main · niakw/NiakGPT · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
/* NiakGPT polish — native UI overrides only */

/* Matrix baseline. Control Center is loaded later and is the final preference source. */
#ng8-matrix{opacity:.31!important;filter:saturate(1.20) brightness(.98)!important}
html[data-ng90-matrix="normal"] #ng8-matrix{opacity:.38!important;filter:saturate(1.24) brightness(1)!important}
html[data-ng8-running="1"] #ng8-matrix{opacity:.09!important;filter:none!important}
html[data-ng8-running="1"][data-ng8-heavy="1"] #ng8-matrix{opacity:.035!important}

/* Kill remaining ChatGPT theme accent variables */
:root{
  --accent:var(--ng8-current-project,#3794ff)!important;
  --accent-blue:var(--ng8-current-project,#3794ff)!important;
  --interactive-bg-primary-default:var(--ng8-current-project,#3794ff)!important;
  --interactive-bg-primary-hover:color-mix(in srgb,var(--ng8-current-project,#3794ff) 82%,white 18%)!important;
  --composer-blue-bg:#111d29!important;
  --message-surface:#111b25!important;
  --message-surface-hover:#172431!important;
}

/* Inputs: no aggressive blue ring */
input,textarea,[contenteditable="true"]{caret-color:#dce7f1!important;outline:none!important}
input:focus,input:focus-visible,
textarea:focus,textarea:focus-visible,
[contenteditable="true"]:focus,[contenteditable="true"]:focus-visible,
#prompt-textarea:focus,#prompt-textarea:focus-visible,
[data-testid="prompt-textarea"]:focus,[data-testid="prompt-textarea"]:focus-visible{
  outline:none!important;
  border-color:#3d4c5a!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ng8-current-project,#3794ff) 18%,#344452 82%)!important;
}
[class*="ring-blue"],[class*="ring-primary"],[class*="border-blue"]{
  --tw-ring-color:transparent!important;
  --tw-ring-shadow:0 0 #0000!important;
  border-color:#334451!important;
}

/* Composer: remove preference pink from voice/send actions */
form:has(#prompt-textarea) button[class*="rounded-full"],
form:has([data-testid="prompt-textarea"]) button[class*="rounded-full"],
[data-type="unified-composer"] button[class*="rounded-full"]{
  background:#172431!important;
  border-color:#334858!important;
  color:#d7e2ec!important;
  box-shadow:none!important;
}
button[data-testid*="send"],
button[aria-label*="Envoyer" i],button[aria-label*="Send" i],
form button[data-testid*="submit"]{
  background:var(--ng8-current-project,#3794ff)!important;
  border-color:color-mix(in srgb,var(--ng8-current-project,#3794ff) 56%,#607080 44%)!important;
  color:#fff!important;
}
button[aria-label*="voix" i],button[aria-label*="voice" i],
button[aria-label*="micro" i],button[aria-label*="dict" i]{
  background:#172431!important;
  color:#c7d5e2!important;
}

/* Native project/header icons must not retain account accent */
a[data-ng8-project="1"] svg,
#ng8-pins a svg,
header a[href*="/g/g-p-"] svg,
header button svg{color:currentColor!important;fill:none!important;stroke:currentColor!important}

/* User bubbles: override ChatGPT account theme color */
[data-message-author-role="user"] .bg-token-message-surface,
[data-message-author-role="user"] [class*="bg-token-message"],
[data-message-author-role="user"] [class*="rounded"][style*="background"],
[data-ng8-role="user"] .bg-token-message-surface,
[data-ng8-role="user"] [class*="bg-token-message"]{
  background:linear-gradient(135deg,color-mix(in srgb,var(--ng8-current-project,#3794ff) 17%,#16222e 83%),#101b25)!important;
  border:1px solid color-mix(in srgb,var(--ng8-current-project,#3794ff) 22%,#32404d 78%)!important;
  color:#edf6ff!important;
}

/* Current project is unmistakable */
#ng8-pins a.ng8-active-project{
  opacity:1!important;
  filter:none!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--ng-project,#3794ff) 31%,#172431 69%),#101820)!important;
  border-color:color-mix(in srgb,var(--ng-project,#3794ff) 78%,white 22%)!important;
  box-shadow:inset 3px 0 var(--ng-project,#3794ff),0 0 0 1px color-mix(in srgb,var(--ng-project,#3794ff) 22%,transparent)!important;
}
#ng8-pins a.ng8-active-project span{color:#fff!important;font-weight:700!important}