1.0.7: BOJ Extended 업데이트에 대응한 테마 업데이트

totamjung/manifest.json

@@ -1,7 +1,7 @@
 {
     "name": "토탐정",
     "description": "토탐정은 백준 온라인 저지(BOJ)에서 사용할 수 있는 미니 확장 프로그램입니다!\n알고리즘 분류에 기능을 추가하고, 전용 테마를 제공합니다.",
-    "version": "1.0.6",
+    "version": "1.0.7",
     "manifest_version": 3,
     "permissions": [
         "storage"

totamjung/options.html

@@ -17,7 +17,7 @@ <h1>
             <img class="title" src="../images/settings_title.png" />
         </h1>
         <div class="widget-bundle">
-            <div class="version">v1.0.6</div>
+            <div class="version">v1.0.7</div>
             <img class="guide-link" id="guideBtn" src="../images/guide_link.png" />
             <img class="github-link" id="githubBtn" src="../images/github_link.png" />
         </div>

totamjung/pallette.css

@@ -144,6 +144,21 @@
             rgb(18, 129, 108) 0%,
             rgb(10, 75, 63) 100%);
 
+    /* BOJ Extended Colors */
+    --problem-link-ac-box-color: rgb(0, 40, 20);
+    --problem-link-pac-box-color: rgb(60, 50, 0);
+    --problem-link-wa-box-color: rgb(45, 0, 0);
+    --problem-link-ac-color: rgb(136, 232, 178);
+    --problem-link-pac-color: rgb(236, 222, 115);
+    --problem-link-wa-color: rgb(238, 123, 123);
+    --vs-gradient-color: linear-gradient(60deg,
+            rgb(40, 18, 4) 15%,
+            rgb(83, 30, 8) 30%,
+            rgb(124, 84, 36) 45%,
+            rgb(44, 19, 5) 60%,
+            rgb(22, 11, 4) 75%,
+            rgb(99, 46, 12) 90%);
+
     --scoreboard-gold-gradient-color: linear-gradient(150deg, rgba(250, 240, 170, 1) 0%, rgba(250, 220, 70, 1) 18%, rgba(200, 150, 20, 1) 41%, rgba(216, 142, 12, 1) 64%, rgba(150, 90, 10, 1) 88%);
     --scoreboard-silver-gradient-color: linear-gradient(150deg, rgba(227, 227, 227, 1) 0%, rgba(167, 167, 167, 1) 15%, rgba(129, 129, 129, 1) 38%, rgba(93, 93, 98, 1) 74%, rgba(138, 136, 146, 1) 100%);
     --scoreboard-bronze-gradient-color: linear-gradient(150deg, rgba(227, 199, 182, 1) 0%, rgba(209, 140, 98, 1) 15%, rgba(162, 97, 57, 1) 40%, rgba(159, 86, 40, 1) 74%, rgba(208, 89, 29, 1) 100%);

totamjung/theme.css

@@ -2122,6 +2122,57 @@ html[totamjung='on'] #quick-search .results {
     background: var(--bright-menu-line-color);
 }
 
+html[totamjung='on'] a[href^="/problem"].problem-link-style-box.result-ac {
+    background-color: var(--problem-link-ac-box-color);
+    color: var(--problem-link-ac-color);
+    transition: 0.2s;
+}
+
+html[totamjung='on'] a[href^="/problem"].problem-link-style-box.result-ac:hover {
+    border-color: var(--problem-link-ac-color);
+}
+
+html[totamjung='on'] a[href^="/problem"].problem-link-style-box.result-pac {
+    background-color: var(--problem-link-pac-box-color);
+    color: var(--problem-link-pac-color);
+    transition: 0.2s;
+}
+
+html[totamjung='on'] a[href^="/problem"].problem-link-style-box.result-pac:hover {
+    border-color: var(--problem-link-pac-color);
+}
+
+html[totamjung='on'] a[href^="/problem"].problem-link-style-box.result-wa {
+    background-color: var(--problem-link-wa-box-color);
+    color: var(--problem-link-wa-color);
+    transition: 0.2s;
+}
+
+html[totamjung='on'] a[href^="/problem"].problem-link-style-box.result-wa:hover {
+    border-color: var(--problem-link-wa-color);
+}
+
+html[totamjung='on'] .btn-vs {
+    background-image: var(--vs-gradient-color);
+    background-size: 200%;
+    transition: all 0.4s ease-in-out;
+    font-weight: 800;
+    color: var(--title-color);
+}
+
+html[totamjung='on'] .boj-ext-alert {
+    background-color: var(--menu-color);
+    border: 1px solid var(--secondary-menu-color);
+}
+
+html[totamjung='on'] .boj-ext-alert>.title {
+    color: var(--title-color);
+}
+
+html[totamjung='on'] .boj-ext-alert>.title>a {
+    color: var(--link-color);
+}
+
 /* FOR TIERIMNIDA */
 html[totamjung='on'] .problem-list span[style="color:#000000"] {
     color: var(--text-color) !important;