Translucent Window

[Grogster69]

Hello! Thanks for making such a great theme snippet for us! There is one feature that I miss about the default system theme though:

What code edit can be done to preserve "Translucent Window" appearance setting functionality, and what values can be changed to increase and decrease translucency?

I'd like to be able to see a bit of my desktop wallpaper as the background.

I am using Dark Mode for ITS Alternate Theme (TTRPG: WOTC/Beyond)

Thanks again! :)

[Grogster69]

Solved it myself after more researching! :)

1.) Open your ITS Alternate Theme.css snippet file. (Save a backup copy just to be safe)

2.) Use FIND function (ctrl-f of cmd-f) in whichever text editor you use to find this line of code:
.theme-dark .wotc-beyond {
(Or whichever .theme you wish to change)

3.) For my need, scroll down about 27 lines below and FIND the "--note" line:
--note: #1a1e24;

4.) For 50% opacity, CHANGE the color value of the #hex code to include 2 extra digits for the alpha channel:
--note: #1a1e2480;

• 0% opacity = --note: #1a1e2400; and 100% opacity = --note: #1a1e24FF; (For a list of alpha channel hex values see bottom of answer.)

4a.) Alternatively, if hex code alpha values confuse you, use rbga values instead. Change line like this:
--note: rgba(30, 30, 30, 0.5);

• First 3 numbers are the rbg color values. 0.5 is the alpha channel. Closer to zero = more translucent. Closer to 1 = more opaque.

DONE! :)

Explanation:
--background-primary (the code Obsidian uses to modify primary background color) is modified by the variable var(--note); in this theme as seen here in these lines of code:

.theme-dark.wotc-beyond,
.theme-dark .wotc-beyond {
  --background-primary: var(--note);

Just had to find the corresponding --note variable and change it to a color with an alpha channel.

Add these values to the end of the #hex color code for desired opacity:
100% — FF
99% — FC
98% — FA
97% — F7
96% — F5
95% — F2
94% — F0
93% — ED
92% — EB
91% — E8
90% — E6
89% — E3
88% — E0
87% — DE
86% — DB
85% — D9
84% — D6
83% — D4
82% — D1
81% — CF
80% — CC
79% — C9
78% — C7
77% — C4
76% — C2
75% — BF
74% — BD
73% — BA
72% — B8
71% — B5
70% — B3
69% — B0
68% — AD
67% — AB
66% — A8
65% — A6
64% — A3
63% — A1
62% — 9E
61% — 9C
60% — 99
59% — 96
58% — 94
57% — 91
56% — 8F
55% — 8C
54% — 8A
53% — 87
52% — 85
51% — 82
50% — 80
49% — 7D
48% — 7A
47% — 78
46% — 75
45% — 73
44% — 70
43% — 6E
42% — 6B
41% — 69
40% — 66
39% — 63
38% — 61
37% — 5E
36% — 5C
35% — 59
34% — 57
33% — 54
32% — 52
31% — 4F
30% — 4D
29% — 4A
28% — 47
27% — 45
26% — 42
25% — 40
24% — 3D
23% — 3B
22% — 38
21% — 36
20% — 33
19% — 30
18% — 2E
17% — 2B
16% — 29
15% — 26
14% — 24
13% — 21
12% — 1F
11% — 1C
10% — 1A
9% — 17
8% — 14
7% — 12
6% — 0F
5% — 0D
4% — 0A
3% — 08
2% — 05
1% — 03
0% — 00

Hope this helps anyone with my same question in the future. :)