Skip to content

Commit 42f2da7

Browse files
committed
fix thread-safe overlays and improve/extract colors
1 parent 8a6b131 commit 42f2da7

File tree

1 file changed

+61
-30
lines changed

1 file changed

+61
-30
lines changed

api-docs/cppdocs/binaryninja-docs.css

Lines changed: 61 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,13 @@
1212
--bn-red-dark: #d0584d;
1313
--bn-red-light: #a2382a;
1414

15+
/* Complementary Colors (Teal - complementary to red) */
16+
--bn-teal: #33b6c7;
17+
--bn-teal-bright: #16b9ce;
18+
--bn-teal-light: #eaf8f9;
19+
--bn-teal-dark: #163f44;
20+
--bn-teal-accent: #36cee2;
21+
1522
/* Page Structure */
1623
--page-bg: #ffffff;
1724
--page-text: #2f4153;
@@ -46,8 +53,8 @@
4653
/* Content Boxes */
4754
--warning-bg: #faf3d8;
4855
--warning-border: #f3a600;
49-
--note-bg: #e4f3ff;
50-
--note-border: #1879C4;
56+
--note-bg: var(--bn-teal-light);
57+
--note-border: var(--bn-teal-bright);
5158
--deprecated-bg: #ecf0f3;
5259
--deprecated-border: #5b6269;
5360
--bug-bg: #f8d1cc;
@@ -91,6 +98,13 @@ html.dark-mode {
9198
--bn-red-dark: #d0584d;
9299
--bn-red-light: #a2382a;
93100

101+
/* Complementary Colors (Teal - same base) */
102+
--bn-teal: #33b6c7;
103+
--bn-teal-bright: #16b9ce;
104+
--bn-teal-light: #eaf8f9;
105+
--bn-teal-dark: #163f44;
106+
--bn-teal-accent: #36cee2;
107+
94108
/* Page Structure */
95109
--page-bg: #1C1D1F;
96110
--page-text: #d2dbde;
@@ -125,8 +139,8 @@ html.dark-mode {
125139
/* Content Boxes */
126140
--warning-bg: #3b2e04;
127141
--warning-border: #f1b602;
128-
--note-bg: #163750;
129-
--note-border: #1982D2;
142+
--note-bg: var(--bn-teal-dark);
143+
--note-border: var(--bn-teal-accent);
130144
--deprecated-bg: #2e323b;
131145
--deprecated-border: #738396;
132146
--bug-bg: #2e1917;
@@ -144,6 +158,12 @@ html.dark-mode {
144158
--bn-red-dark: #d0584d;
145159
--bn-red-light: #a2382a;
146160

161+
--bn-teal: #33b6c7;
162+
--bn-teal-bright: #16b9ce;
163+
--bn-teal-light: #eaf8f9;
164+
--bn-teal-dark: #163f44;
165+
--bn-teal-accent: #36cee2;
166+
147167
--page-bg: #1C1D1F;
148168
--page-text: #d2dbde;
149169
--page-text-secondary: #859399;
@@ -172,8 +192,8 @@ html.dark-mode {
172192

173193
--warning-bg: #3b2e04;
174194
--warning-border: #f1b602;
175-
--note-bg: #163750;
176-
--note-border: #1982D2;
195+
--note-bg: var(--bn-teal-dark);
196+
--note-border: var(--bn-teal-accent);
177197
--deprecated-bg: #2e323b;
178198
--deprecated-border: #738396;
179199
--bug-bg: #2e1917;
@@ -1020,77 +1040,88 @@ dl.threadsafe {
10201040
position: absolute;
10211041
top: 0px;
10221042
right: 8px;
1023-
margin-top: 10px;
1024-
background-color: #d0d6e2;
1043+
margin-top: 5px;
1044+
background-color: var(--code-bg);
10251045
font-weight: normal;
1026-
padding: 2px 10px;
1046+
padding: 2px 4px 2px 10px;
10271047
border-radius: 4px;
1048+
border: 1px solid var(--border-color);
10281049
}
10291050

10301051
html.dark-mode dl.threadsafe {
1031-
background-color: #434956;
1052+
background-color: var(--code-bg);
10321053
}
10331054

10341055
.threadsafe dt {
1035-
padding-right: 35px;
1056+
padding-right: 40px;
1057+
color: var(--page-text);
10361058
}
10371059

10381060
.threadsafe.Main.Thread.Only dt {
1039-
padding-right: 145px;
1061+
padding-right: 155px;
10401062
}
10411063

10421064
.threadsafe.Yes dd {
10431065
display: inline;
10441066
margin-inline-start: 0;
10451067
position: absolute;
1046-
top: 1px;
1047-
right: 1px;
1048-
padding: 1px 6px 1px 5px;
1049-
background-color: #9af78c;
1068+
top: 0px;
1069+
right: 0px;
1070+
padding: 3px 8px;
1071+
background-color: #6b9d63;
1072+
color: #ffffff;
10501073
border-bottom-right-radius: 3px;
10511074
border-top-right-radius: 3px;
1052-
width: 25px;
1075+
min-width: 28px;
10531076
text-align: center;
1077+
font-weight: 600;
10541078
}
10551079

10561080
html.dark-mode .threadsafe.Yes dd {
1057-
background-color: #4e8646;
1081+
background-color: #5a7a54;
1082+
color: #e8f5e6;
10581083
}
10591084

10601085
.threadsafe.No dd {
10611086
display: inline;
10621087
margin-inline-start: 0;
10631088
position: absolute;
1064-
top: 1px;
1065-
right: 1px;
1066-
padding: 1px 6px 1px 5px;
1067-
background-color: #fb877d;
1089+
top: 0px;
1090+
right: 0px;
1091+
padding: 3px 8px;
1092+
background-color: #c76058;
1093+
color: #ffffff;
10681094
border-bottom-right-radius: 3px;
10691095
border-top-right-radius: 3px;
1070-
width: 25px;
1096+
min-width: 28px;
10711097
text-align: center;
1098+
font-weight: 600;
10721099
}
10731100

10741101
html.dark-mode .threadsafe.No dd {
1075-
background-color: #d0584d;
1102+
background-color: #9d5048;
1103+
color: #fce8e6;
10761104
}
10771105

10781106
.threadsafe.Main.Thread.Only dd {
10791107
display: inline;
10801108
margin-inline-start: 0;
10811109
position: absolute;
1082-
top: 1px;
1083-
right: 1px;
1084-
padding: 1px 6px 1px 5px;
1085-
background-color: #fb877d;
1110+
top: 0px;
1111+
right: 0px;
1112+
padding: 3px 8px;
1113+
background-color: #c76058;
1114+
color: #ffffff;
10861115
border-bottom-right-radius: 3px;
10871116
border-top-right-radius: 3px;
1088-
width: 135px;
1117+
min-width: 145px;
10891118
text-align: center;
1119+
font-weight: 600;
10901120
}
10911121

10921122
html.dark-mode .threadsafe.Main.Thread.Only dd {
1093-
background-color: #d0584d;
1123+
background-color: #9d5048;
1124+
color: #fce8e6;
10941125
}
10951126

10961127
img.thread {

0 commit comments

Comments
 (0)