Skip to content

Commit 76dd78a

Browse files
seohyonkimseohyonkim
authored
Fix Quiz dark mode (#342)
* modify remaining quizzes * fix the dark mode problem * modify build_book and environment.yml
1 parent 8dc12b2 commit 76dd78a

File tree

14 files changed

+146
-163
lines changed

14 files changed

+146
-163
lines changed

‎.github/workflows/build_book.yml‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,10 @@ jobs:
7272
- name: Install Python dependencies
7373
run: |
7474
python -m pip install --upgrade uv
75-
uv pip install --system jupyter-book jupytext beautifulsoup4
75+
uv pip install --system jupyter-book jupytext beautifulsoup4 playwright
76+
77+
- name: Install Playwright browsers
78+
run: playwright install --with-deps
7679

7780
- name: Install Headless Chrome dependencies
7881
run: |

‎environment.yml‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,12 @@ channels:
33
- defaults
44
- conda-forge
55
dependencies:
6-
- conda-forge::python=3.13
7-
- conda-forge::jupyter-book==1.0.3
6+
- conda-forge::python==3.12
7+
- conda-forge::jupyter-book==1.0.4
88
- conda-forge::jupytext==1.16.7
99
- conda-forge::beautifulsoup4==4.13.3
10+
- conda-forge::playwright==1.50.1
11+
- conda-forge::sphinx==7.*
12+
- pip
1013
- pip:
1114
- lamindb[bionty,jupyter]

‎jupyter-book/air_repertoire/ir_profiling.ipynb‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3257,7 +3257,7 @@
32573257
},
32583258
{
32593259
"cell_type": "code",
3260-
"execution_count": 2,
3260+
"execution_count": 1,
32613261
"id": "35d2d491",
32623262
"metadata": {
32633263
"tags": [
@@ -3270,8 +3270,8 @@
32703270
"text/html": [
32713271
"\n",
32723272
" <style>\n",
3273-
" div#flip-card .output.text_html {\n",
3274-
" background-color: transparent;\n",
3273+
" .output.text_html {\n",
3274+
" --pst-color-text-base: transparent !important;\n",
32753275
" }\n",
32763276
" .flip-card-q1 {\n",
32773277
" background-color: transparent;\n",
@@ -3320,7 +3320,7 @@
33203320
" background-color: #a8d480;\n",
33213321
" transform: rotateY(180deg);\n",
33223322
" font-size: 13px;\n",
3323-
" }\n",
3323+
" }_b\n",
33243324
" </style>\n",
33253325
"\n",
33263326
" <div class=\"flip-card-q1\">\n",
@@ -3351,8 +3351,8 @@
33513351
"text/html": [
33523352
"\n",
33533353
" <style>\n",
3354-
" div#flip-card .output.text_html {\n",
3355-
" background-color: transparent;\n",
3354+
" .output.text_html {\n",
3355+
" --pst-color-text-base: transparent !important;\n",
33563356
" }\n",
33573357
" .flip-card-q2 {\n",
33583358
" background-color: transparent;\n",
@@ -3401,7 +3401,7 @@
34013401
" background-color: #a8d480;\n",
34023402
" transform: rotateY(180deg);\n",
34033403
" font-size: 20px;\n",
3404-
" }\n",
3404+
" }_b\n",
34053405
" </style>\n",
34063406
"\n",
34073407
" <div class=\"flip-card-q2\">\n",
@@ -3432,8 +3432,8 @@
34323432
"text/html": [
34333433
"\n",
34343434
" <style>\n",
3435-
" div#flip-card .output.text_html {\n",
3436-
" background-color: transparent;\n",
3435+
" .output.text_html {\n",
3436+
" --pst-color-text-base: transparent !important;\n",
34373437
" }\n",
34383438
" .flip-card-q3 {\n",
34393439
" background-color: transparent;\n",
@@ -3482,7 +3482,7 @@
34823482
" background-color: #a8d480;\n",
34833483
" transform: rotateY(180deg);\n",
34843484
" font-size: 20px;\n",
3485-
" }\n",
3485+
" }_b\n",
34863486
" </style>\n",
34873487
"\n",
34883488
" <div class=\"flip-card-q3\">\n",

‎jupyter-book/air_repertoire/multimodal_integration.ipynb‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2434,7 +2434,7 @@
24342434
},
24352435
{
24362436
"cell_type": "code",
2437-
"execution_count": 2,
2437+
"execution_count": 1,
24382438
"id": "790b3916",
24392439
"metadata": {
24402440
"tags": [
@@ -2447,8 +2447,8 @@
24472447
"text/html": [
24482448
"\n",
24492449
" <style>\n",
2450-
" div#flip-card .output.text_html {\n",
2451-
" background-color: transparent;\n",
2450+
" .output.text_html {\n",
2451+
" --pst-color-text-base: transparent !important;\n",
24522452
" }\n",
24532453
" .flip-card-q1 {\n",
24542454
" background-color: transparent;\n",
@@ -2497,7 +2497,7 @@
24972497
" background-color: #a8d480;\n",
24982498
" transform: rotateY(180deg);\n",
24992499
" font-size: 20px;\n",
2500-
" }\n",
2500+
" }_b\n",
25012501
" </style>\n",
25022502
"\n",
25032503
" <div class=\"flip-card-q1\">\n",
@@ -2528,8 +2528,8 @@
25282528
"text/html": [
25292529
"\n",
25302530
" <style>\n",
2531-
" div#flip-card .output.text_html {\n",
2532-
" background-color: transparent;\n",
2531+
" .output.text_html {\n",
2532+
" --pst-color-text-base: transparent !important;\n",
25332533
" }\n",
25342534
" .flip-card-q2 {\n",
25352535
" background-color: transparent;\n",
@@ -2578,7 +2578,7 @@
25782578
" background-color: #a8d480;\n",
25792579
" transform: rotateY(180deg);\n",
25802580
" font-size: 20px;\n",
2581-
" }\n",
2581+
" }_b\n",
25822582
" </style>\n",
25832583
"\n",
25842584
" <div class=\"flip-card-q2\">\n",
@@ -2609,8 +2609,8 @@
26092609
"text/html": [
26102610
"\n",
26112611
" <style>\n",
2612-
" div#flip-card .output.text_html {\n",
2613-
" background-color: transparent;\n",
2612+
" .output.text_html {\n",
2613+
" --pst-color-text-base: transparent !important;\n",
26142614
" }\n",
26152615
" .flip-card-q3 {\n",
26162616
" background-color: transparent;\n",
@@ -2659,7 +2659,7 @@
26592659
" background-color: #a8d480;\n",
26602660
" transform: rotateY(180deg);\n",
26612661
" font-size: 15px;\n",
2662-
" }\n",
2662+
" }_b\n",
26632663
" </style>\n",
26642664
"\n",
26652665
" <div class=\"flip-card-q3\">\n",

‎jupyter-book/air_repertoire/specificity.ipynb‎

Lines changed: 10 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3252,7 +3252,7 @@
32523252
},
32533253
{
32543254
"cell_type": "code",
3255-
"execution_count": null,
3255+
"execution_count": 1,
32563256
"id": "bbd508b4",
32573257
"metadata": {
32583258
"tags": [
@@ -3265,9 +3265,8 @@
32653265
"text/html": [
32663266
"\n",
32673267
" <style>\n",
3268-
" /* to remove the background color in dark mode */\n",
3269-
" div#flip-card .output.text_html {\n",
3270-
" background-color: transparent;\n",
3268+
" .output.text_html {\n",
3269+
" --pst-color-text-base: transparent !important;\n",
32713270
" }\n",
32723271
" .flip-card-q1 {\n",
32733272
" background-color: transparent;\n",
@@ -3316,7 +3315,7 @@
33163315
" background-color: #a8d480;\n",
33173316
" transform: rotateY(180deg);\n",
33183317
" font-size: 20px;\n",
3319-
" }\n",
3318+
" }_b\n",
33203319
" </style>\n",
33213320
"\n",
33223321
" <div class=\"flip-card-q1\">\n",
@@ -3347,9 +3346,8 @@
33473346
"text/html": [
33483347
"\n",
33493348
" <style>\n",
3350-
" /* to remove the background color in dark mode */\n",
3351-
" div#flip-card .output.text_html {\n",
3352-
" background-color: transparent;\n",
3349+
" .output.text_html {\n",
3350+
" --pst-color-text-base: transparent !important;\n",
33533351
" }\n",
33543352
" .flip-card-q2 {\n",
33553353
" background-color: transparent;\n",
@@ -3398,7 +3396,7 @@
33983396
" background-color: #a8d480;\n",
33993397
" transform: rotateY(180deg);\n",
34003398
" font-size: 20px;\n",
3401-
" }\n",
3399+
" }_b\n",
34023400
" </style>\n",
34033401
"\n",
34043402
" <div class=\"flip-card-q2\">\n",
@@ -3429,9 +3427,8 @@
34293427
"text/html": [
34303428
"\n",
34313429
" <style>\n",
3432-
" /* to remove the background color in dark mode */\n",
3433-
" div#flip-card .output.text_html {\n",
3434-
" background-color: transparent;\n",
3430+
" .output.text_html {\n",
3431+
" --pst-color-text-base: transparent !important;\n",
34353432
" }\n",
34363433
" .flip-card-q3 {\n",
34373434
" background-color: transparent;\n",
@@ -3480,7 +3477,7 @@
34803477
" background-color: #a8d480;\n",
34813478
" transform: rotateY(180deg);\n",
34823479
" font-size: 20px;\n",
3483-
" }\n",
3480+
" }_b\n",
34843481
" </style>\n",
34853482
"\n",
34863483
" <div class=\"flip-card-q3\">\n",

‎jupyter-book/cellular_structure/integration.ipynb‎

Lines changed: 10 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3836,7 +3836,7 @@
38363836
},
38373837
{
38383838
"cell_type": "code",
3839-
"execution_count": null,
3839+
"execution_count": 3,
38403840
"id": "4750241c",
38413841
"metadata": {
38423842
"tags": [
@@ -3849,9 +3849,8 @@
38493849
"text/html": [
38503850
"\n",
38513851
" <style>\n",
3852-
" /* to remove the background color in dark mode */\n",
3853-
" div#flip-card .output.text_html {\n",
3854-
" background-color: transparent;\n",
3852+
" .output.text_html {\n",
3853+
" --pst-color-text-base: transparent !important;\n",
38553854
" }\n",
38563855
" .flip-card-q1 {\n",
38573856
" background-color: transparent;\n",
@@ -3900,7 +3899,7 @@
39003899
" background-color: #a8d480;\n",
39013900
" transform: rotateY(180deg);\n",
39023901
" font-size: 20px;\n",
3903-
" }\n",
3902+
" }_b\n",
39043903
" </style>\n",
39053904
"\n",
39063905
" <div class=\"flip-card-q1\">\n",
@@ -3931,9 +3930,8 @@
39313930
"text/html": [
39323931
"\n",
39333932
" <style>\n",
3934-
" /* to remove the background color in dark mode */\n",
3935-
" div#flip-card .output.text_html {\n",
3936-
" background-color: transparent;\n",
3933+
" .output.text_html {\n",
3934+
" --pst-color-text-base: transparent !important;\n",
39373935
" }\n",
39383936
" .flip-card-q2 {\n",
39393937
" background-color: transparent;\n",
@@ -3982,7 +3980,7 @@
39823980
" background-color: #a8d480;\n",
39833981
" transform: rotateY(180deg);\n",
39843982
" font-size: 15px;\n",
3985-
" }\n",
3983+
" }_b\n",
39863984
" </style>\n",
39873985
"\n",
39883986
" <div class=\"flip-card-q2\">\n",
@@ -4013,9 +4011,8 @@
40134011
"text/html": [
40144012
"\n",
40154013
" <style>\n",
4016-
" /* to remove the background color in dark mode */\n",
4017-
" div#flip-card .output.text_html {\n",
4018-
" background-color: transparent;\n",
4014+
" .output.text_html {\n",
4015+
" --pst-color-text-base: transparent !important;\n",
40194016
" }\n",
40204017
" .flip-card-q3 {\n",
40214018
" background-color: transparent;\n",
@@ -4064,7 +4061,7 @@
40644061
" background-color: #a8d480;\n",
40654062
" transform: rotateY(180deg);\n",
40664063
" font-size: 13px;\n",
4067-
" }\n",
4064+
" }_b\n",
40684065
" </style>\n",
40694066
"\n",
40704067
" <div class=\"flip-card-q3\">\n",

0 commit comments

Comments
 (0)