More color fixes pointed out by clappingsnowdrop

these things never work on the first try

.gitea/workflows/release-zip.yml

@@ -0,0 +1,35 @@
+name: Zip and attach installable zip to release
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  zip-and-attach:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+    steps:
+      - name: Check out the repository
+        uses: actions/checkout@v4
+
+      - name: Extract tag name and build zip filename
+        id: vars
+        run: |
+          raw_tag="${GITHUB_REF##*/}"
+          tag="${raw_tag#v}"  # Remove leading "v" if present
+          repo_name="${{ github.event.repository.name }}"
+          echo "TAG_NAME=$tag" >> $GITHUB_OUTPUT
+          echo "ZIP_NAME=${repo_name}_$tag.zip" >> $GITHUB_OUTPUT
+
+      - name: Create zip of the repository
+        run: |
+          zip -r "${{ steps.vars.outputs.ZIP_NAME }}" . -x '*.git*'
+
+      - name: Upload zip as a release asset
+        uses: softprops/action-gh-release@v2
+        with:
+          files: ${{ steps.vars.outputs.ZIP_NAME }}
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITEATOKEN }}

css/_auto/custom_auto.css

@@ -1,22 +1,23 @@
 @media (prefers-color-scheme: light) {
     :root {
         --is-dark-theme: false;
-        --color-primary: #4183c4;
+        --color-header-bg: var(--color-box-header);
+        --color-primary: #0081CC;
         --color-primary-contrast: #ffffff;
-        --color-primary-dark-1: #3876b3;
+        --color-primary-dark-1: #0067a3;
-        --color-primary-dark-2: #31699f;
+        --color-primary-dark-2: #0067a3;
-        --color-primary-dark-3: #2b5c8b;
+        --color-primary-dark-3: #005a8f;
-        --color-primary-dark-4: #254f77;
+        --color-primary-dark-4: #004e7a;
-        --color-primary-dark-5: #193450;
+        --color-primary-dark-5: #004166;
-        --color-primary-dark-6: #0c1a28;
+        --color-primary-dark-6: #003452;
-        --color-primary-dark-7: #04080c;
+        --color-primary-dark-7: #000d14;
-        --color-primary-light-1: #548fca;
+        --color-primary-light-1: #008ee0;
-        --color-primary-light-2: #679cd0;
+        --color-primary-light-2: #009bf5;
-        --color-primary-light-3: #7aa8d6;
+        --color-primary-light-3: #47bcff;
-        --color-primary-light-4: #8db5dc;
+        --color-primary-light-4: #5cc3ff;
-        --color-primary-light-5: #b3cde7;
+        --color-primary-light-5: #70cbff;
-        --color-primary-light-6: #d9e6f3;
+        --color-primary-light-6: #99daff;
-        --color-primary-light-7: #f4f8fb;
+        --color-primary-light-7: #d6f0ff;
         --color-primary-hover: var(--color-primary-dark-1);
         --color-primary-active: var(--color-primary-dark-2);
         --color-secondary: #d0d7de;

css/_dark/custom_dark.css

@@ -1,3 +1,10 @@
 body {
     background-color: #141414;
+}
+
+.i-sort-alpha-up::before,
+.i-sort-alpha-down::before,
+.i-sort-numeric-up::before,
+.i-sort-numeric-down::before {
+    filter: brightness(100);
 }

css/_dark/index_dark.css

@@ -46,6 +46,7 @@
 
 :root {
 	--is-dark-theme: true;
+	--color-header-bg: #333333;
 	--color-primary: #00a0fa;
 	--color-primary-contrast: #0a0a0a;
 	--color-primary-dark-1: #4ab2fa;
@@ -240,8 +241,8 @@
 	--color-secondary-bg: #303030;
 	--color-expand-button: #2f363d;
 	--color-placeholder-text: var(--color-text-light-3);
-	--color-nav-bg: #333;
+	--color-nav-bg: var(--color-secondary-light-3);
-	--color-nav-hover-bg: var(--color-secondary-light-3);
+	--color-nav-hover-bg: #3f4345;
 	--color-nav-text: var(--color-text);
 	--color-secondary-nav-bg: #0c1a28;
 	--color-label-text: var(--color-text);
@@ -324,13 +325,13 @@ button:focus,
 select:focus,
 .editor:focus {
 	border-color: #999999;
-	margin-top: 1px;
 }
 
 /* Give disabled text input elements a different background color. */
 input[disabled].input_text,
 input[disabled].input_password {
 	background: var(--color-input-text-disabled);
+	color: var(--color-text-light-2);
 }
 
 /* The OpenID login form */
@@ -389,7 +390,7 @@ button[disabled]:hover {
 .new_posts,
 .new_posts:visited,
 .new_posts:link {
-	color: var(--color-text-dark);
+	color: var(--color-white);
 	background: var(--color-green);
 }
 
@@ -565,7 +566,7 @@ warningbox .error {
 /* A quote, perhaps from another post. */
 .bbc_quote,
 /* A code block - maybe PHP ;) - shared styles. */
-.bbc_code {
+.bbc_code.bbc_code {
 	border-color: var(--color-code-border);
 	background: var(--color-code-bg);
 }
@@ -645,8 +646,9 @@ div.bbc_footnotes {
 	border-top-color: var(--color-secondary-dark-9);
 }
 
-.bbc_footnotes .target:target {
+.target:target {
-	background-color: var(--color-primary-dark-6);
+	color: var(--color-text-dark);
+	background-color: var(--color-primary-light-4);
 }
 
 sup.bbc_footnotes,
@@ -680,7 +682,7 @@ div.bbc_footnotes .meaction {}
 #top_section {
 	border-top-color: var(--color-body);
 	border-bottom-color: var(--color-box-header-border);
-	background: var(--color-box-header);
+	background: var(--color-header-bg);
 }
 
 #top_section #forumtitle a,
@@ -751,7 +753,6 @@ div.bbc_footnotes .meaction {}
 #wrapper {
 	border-color: var(--color-secondary);
 	background: var(--color-card);
-	;
 }
 
 /* The footer with copyright links etc. */
@@ -833,7 +834,7 @@ div.bbc_footnotes .meaction {}
 #menu_sidebar .listlevel1:hover .linklevel1,
 #menu_current_area>strong>.linklevel1 {
 	color: var(--color-text-light);
-	border-color: var(--color-secondary-dark-2);
+	border-color: var(--color-secondary-dark-4);
 	background: var(--color-nav-hover-bg);
 	box-shadow: none;
 }
@@ -1235,7 +1236,7 @@ div.bbc_footnotes .meaction {}
 }
 
 .board_stats {
-	color: #777777;
+	color: var(--color-secondary-dark-6);
 }
 
 .lastpost_link>a {
@@ -1252,7 +1253,7 @@ div.bbc_footnotes .meaction {}
 
 .childboard_row h4,
 .board_new_posts {
-	color: #777777;
+	color: var(--color-secondary-dark-6);
 }
 
 /* Styles for the info center on the board index. */
@@ -1261,7 +1262,7 @@ div.bbc_footnotes .meaction {}
 }
 
 .ic_section_header>a {
-	color: var(--color-text-light-3);
+	color: var(--color-text-light-1);
 }
 
 #ic_recentposts td,
@@ -1272,11 +1273,11 @@ div.bbc_footnotes .meaction {}
 
 .recentpost>strong>a,
 #info_center .inline>strong>a {
-	color: #FFA50A;
+	color: var(--color-orange-dark-2);
 }
 
 .inline>strong>a {
-	color: #1FA2E1;
+	color: var(--color-primary-dark-1);
 }
 
 #expanded_pages_container a {
@@ -1336,27 +1337,27 @@ div.bbc_footnotes .meaction {}
 }
 
 .topic_name h4 a {
-	color: #0689C8;
+	color: var(--color-primary-dark-2);
 }
 
 .sticky_row .topic_name h4 a,
 .locked_row.sticky_row .topic_name h4 a {
-	color: #585858;
+	color: var(--color-secondary-dark-6);
 }
 
 .locked_row .topic_name h4 a {
-	color: #777777;
+	color: var(--color-secondary);
 	font-style: italic;
 }
 
 .sticky_row .topic_name h4 a.new_posts,
 .locked_row.sticky_row .topic_name h4 a.new_posts,
 .locked_row .topic_name h4 a.new_posts {
-	color: #FEFEFE;
+	color: var(--color-text-dark);
 }
 
 .topic_stats {
-	color: #777777;
+	color: var(--color-secondary-dark-6);
 }
 
 .qaction_row {
@@ -1372,17 +1373,6 @@ div.bbc_footnotes .meaction {}
 	background: #FFF5CD;
 }
 
-.sticky_row,
-.locked_row.sticky_row {
-	background: #222222;
-	border-color: #1A1A1A;
-}
-
-.locked_row,
-.locked_row.core_posts {
-	background: #222222;
-}
-
 #topic_icons {
 	border-color: var(--color-secondary);
 	background: var(--color-body);
@@ -1477,12 +1467,12 @@ div.bbc_footnotes .meaction {}
 }
 
 .post_subject {
-	color: #777777;
+	color: var(--color-text-light-3);
 }
 
 .keyinfo h5 a,
 .keyinfo h5 a strong {
-	color: #1FA2E1;
+	color: var(--color-primary-dark-2);
 }
 
 .inner,
@@ -1500,7 +1490,7 @@ div.bbc_footnotes .meaction {}
 /* attachment details below thumbnails */
 .attachment_name,
 .attachment_details {
-	color: #777777 !important;
+	color: var(--color-secondary-dark-6) !important;
 	border: solid 1px var(--color-secondary);
 	background: transparent !important;
 }
@@ -1759,20 +1749,20 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 }
 
 .activity_stats li span {
-	border-color: #585858;
+	border-color: var(--color-secondary);
 	border-right-color: transparent;
 	border-left-color: transparent;
-	background: #7C7360;
+	background: var(--color-card);
 }
 
 .activity_stats li .bar {
 	border-color: var(--color-secondary);
 	border-bottom-color: transparent;
-	background: #1A1A1A;
+	background: var(--color-body-alternate);
 }
 
 .activity_stats li .bar div {
-	background: #47B263 linear-gradient(to bottom, #1FA2E1 0%, #0689C8 100%);
+	background: var(--color-green-badge) linear-gradient(to bottom, var(--color-primary) 0%, var(--color-primary-dark-2) 100%);
 }
 
 .profile_pie {
@@ -1925,8 +1915,8 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 
 /* Styles for the tooltips. */
 .tooltip {
-	border-color: #AAAAAA;
+	border-color: var(--color-body-border);
-	background: #1A1A1A;
+	background: var(--color-body);
 	box-shadow: none;
 }
 
@@ -1937,8 +1927,8 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 
 /* The actual pop-up wrapper. */
 .popup_window {
-	border-color: #777777;
+	border-color: var(--color-secondary);
-	background-color: #000000;
+	background-color: var(--color-body-alternate);
 	background-clip: padding-box;
 	box-shadow: none;
 }
@@ -1947,9 +1937,9 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 
 /* The text content, hopefully helpful. */
 .popup_content {
-	border-color: #BBBBBB;
+	border-color: var(--color-body-border);
-	border-bottom-color: #CCCCCC;
+	border-bottom-color: var(--color-secondary);
-	background: #1A1A1A;
+	background: var(--color-body);
 	box-shadow: none;
 }
 
@@ -1986,14 +1976,14 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 .whos_online dd:nth-child(odd) div {
 	border-top-color: var(--color-secondary);
 	border-bottom-color: var(--color-secondary);
-	background-color: #1A1A1A;
+	background-color: var(--color-body-alternate);
 }
 
 .mlist li.alternate_row div,
 .whos_online dd:nth-child(even) div {
 	border-top-color: var(--color-secondary);
 	border-bottom-color: var(--color-secondary);
-	background-color: #222222;
+	background-color: var(--color-body);
 }
 
 .mlist li div:first-child {
@@ -2006,7 +1996,7 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 
 .letter_row>h3 {
 	border-color: var(--color-secondary);
-	background: #1A1A1A linear-gradient(to bottom, #1A1A1A, #222222);
+	background: var(--color-body-alternate) linear-gradient(to bottom, var(--color-body-alternate), var(--color-body));
 }
 
 /* -------------------------------------------------------
@@ -2014,17 +2004,17 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
  * -------------------------------------------------------
  */
 .coppa_contact {
-	color: #585858;
+	color: var(--color-text-light-2);
-	border-color: #585858;
+	border-color: var(--color-body-border);
-	background: #1A1A1A;
+	background: var(--color-body);
 }
 
 .valid_input {
-	background: #F5FFF0;
+	border-color: var(--color-success-border);
 }
 
 .invalid_input {
-	background: #FFF0F0;
+	background: var(--color-error-bg);
 }
 
 /* -------------------------------------------------------
@@ -2062,7 +2052,7 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 .successbox {
 	border-color: var(--color-success-border);
 	color: var(--color-success-text);
-	background: var(--color-success-bg) url(../../images/icons/field_valid.png) 10px 50% no-repeat;
+	background: var(--color-success-bg) url(../../images/post/check.png) 10px 50% no-repeat;
 }
 
 .infobox {
@@ -2141,7 +2131,7 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 
 /* Absolute positioning stops these breaking the bars on narrow screens. */
 .statsbar .righttext {
-	background: #1A1A1A;
+	background: var(--color-body);
 }
 
 #stats {
@@ -2172,6 +2162,55 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 
 .floating_error .error_btn:hover {}
 
+/* -------------------------------------------------------
+ * Mentions
+ * -------------------------------------------------------
+ */
+.atwho-view.atwho-view {
+	background-color: var(--color-body-alternate);
+	border-color: var(--color-secondary);
+}
+.atwho-view.atwho-view strong {
+	color: var(--color-box-header-border);
+}
+
+.atwho-view.atwho-view .cur {
+	background-color: var(--color-box-header);
+	color: var(--color-text-light-1);
+ }
+
+.atwho-view.atwho-view .cur strong {
+	color: var(--color-text);
+}
+
+.atwho-view.atwho-view ul li {
+	border-bottom-color: var(--color-secondary);
+}
+
+.atwho-view.atwho-view ul li:last-child {
+	border-bottom: none;
+}
+
+/* -------------------------------------------------------
+ * Cookie
+ * -------------------------------------------------------
+ */
+#cookieChoiceInfo {
+	border-color: var(--color-info-border) !important;
+	color: var(--color-info-text) !important;
+	background-color: var(--color-info-bg) !important;
+}
+
+#cookieChoiceInfo #cookieChoiceDismiss {
+	background-color: var(--color-info-text) !important;
+	color: var(--color-info-bg) !important;
+  	border: 1px solid var(--color-info-text) !important;
+}
+
+#cookieChoiceInfo #cookieChoiceDismiss:hover {
+	border-color: var(--color-text-dark) !important;
+}
+
 /* -------------------------------------------------------
  *	$ICONS
  * -------------------------------------------------------
@@ -2286,11 +2325,14 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 		box-shadow: none;
 	}
 
-	.poster:after,
 	.posterarea:before {
 		border-bottom: 1px solid var(--color-code-border);
 	}
 
+	.post_separator:not(:has(+ a#new)) {
+		display: block;
+	}
+
 	.whos_online dd:nth-child(even),
 	.whos_online dd:nth-child(odd) {
 		border-top-color: var(--color-code-border);

css/_dark/jquery.sceditor.elk_dark.css

@@ -57,7 +57,7 @@
 }
 
 /* Necessary for stabilising font-size in source mode! */
-.sceditor-container textarea, .sceditor-container textarea:focus {
+.sceditor-container.sceditor-container textarea, .sceditor-container.sceditor-container textarea:focus {
 	font-size: 1em;
 
 	background: var(--color-primary-contrast);
@@ -102,10 +102,10 @@
 
 	margin: 22px 0 0 0;
 
-	color: #444444;
+	color: var(--color-text);
-	border: 1px solid #CCCCCC;
+	border: 1px solid var(--color-box-body-border);
 	border-radius: 0 0 2px 2px;
-	background: #222222;
+	background: var(--color-body);
 	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);;
 }
 

css/_dark/jquery.sceditor.elk_wiz_dark.css

@@ -1,7 +1,8 @@
 html, body, p, code:before, table {
 	margin: 0;
 	padding: 0;
-	color: #afafaf;
+	color: #181c21;
+	background-color: #ffffff;
 }
 html {
 	overflow: auto;

css/icons_svg.css

@@ -271,7 +271,7 @@
 }
 
 .i-menu::before {
-	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23222222' viewBox='0 0 32 32'%3E%3Cpath d='M2 6h28v6H2zm0 8h28v6H2zm0 8h28v6H2z'/%3E%3C/svg%3E");
+	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777777' viewBox='0 0 32 32'%3E%3Cpath d='M2 6h28v6H2zm0 8h28v6H2zm0 8h28v6H2z'/%3E%3C/svg%3E");
 }
 
 /* From Font Awesome */
@@ -303,11 +303,11 @@
 
 /* Sorting icons */
 .i-sort-alpha-up::before {
-	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm19 8h-8c-.37 0-.708-.203-.882-.528s-.155-.72.05-1.027L27.13 20H21c-.552 0-1-.448-1-1s.448-1 1-1h8c.37 0 .708.203.882.528s.155.72-.05 1.027L22.87 30H29c.552 0 1 .448 1 1s-.448 1-1 1zm2.894-19.447l-6-12C25.724.213 25.378 0 25 0s-.725.214-.895.553l-6 12c-.247.494-.047 1.095.447 1.342.144.072.296.106.447.106.364 0 .72-.2.892-.55L21.618 10h6.764l1.724 3.448c.247.494.848.694 1.342.447s.694-.848.447-1.342zM22.618 8L25 3.236 27.382 8h-4.764z'/%3E%3C/svg%3E");
+	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777777' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm19 8h-8c-.37 0-.708-.203-.882-.528s-.155-.72.05-1.027L27.13 20H21c-.552 0-1-.448-1-1s.448-1 1-1h8c.37 0 .708.203.882.528s.155.72-.05 1.027L22.87 30H29c.552 0 1 .448 1 1s-.448 1-1 1zm2.894-19.447l-6-12C25.724.213 25.378 0 25 0s-.725.214-.895.553l-6 12c-.247.494-.047 1.095.447 1.342.144.072.296.106.447.106.364 0 .72-.2.892-.55L21.618 10h6.764l1.724 3.448c.247.494.848.694 1.342.447s.694-.848.447-1.342zM22.618 8L25 3.236 27.382 8h-4.764z'/%3E%3C/svg%3E");
 }
 
 .i-sort-alpha-down::before {
-	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm19-10h-8c-.37 0-.708-.203-.882-.528s-.155-.72.05-1.027L27.13 2H21c-.552 0-1-.448-1-1s.448-1 1-1h8c.37 0 .708.203.882.528s.155.72-.05 1.027L22.87 12H29c.552 0 1 .448 1 1s-.448 1-1 1zm2.894 16.553l-6-12c-.17-.34-.516-.553-.894-.553s-.725.214-.895.553l-6 12c-.247.494-.047 1.095.447 1.342.144.072.296.106.447.106.364 0 .72-.2.892-.55L21.618 28h6.764l1.724 3.448c.247.494.848.694 1.342.447s.694-.848.447-1.342zM22.618 26L25 21.236 27.382 26h-4.764z'/%3E%3C/svg%3E");
+	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777777' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm19-10h-8c-.37 0-.708-.203-.882-.528s-.155-.72.05-1.027L27.13 2H21c-.552 0-1-.448-1-1s.448-1 1-1h8c.37 0 .708.203.882.528s.155.72-.05 1.027L22.87 12H29c.552 0 1 .448 1 1s-.448 1-1 1zm2.894 16.553l-6-12c-.17-.34-.516-.553-.894-.553s-.725.214-.895.553l-6 12c-.247.494-.047 1.095.447 1.342.144.072.296.106.447.106.364 0 .72-.2.892-.55L21.618 28h6.764l1.724 3.448c.247.494.848.694 1.342.447s.694-.848.447-1.342zM22.618 26L25 21.236 27.382 26h-4.764z'/%3E%3C/svg%3E");
 }
 
 .i-sort-amount-up::before, .i-sortup::before {
@@ -319,11 +319,11 @@
 }
 
 .i-sort-numeric-up::before {
-	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm17-10c-.552 0-1-.448-1-1V2h-1c-.552 0-1-.448-1-1s.448-1 1-1h2c.552 0 1 .448 1 1v12c0 .552-.448 1-1 1zm2 4h-6c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1h5v4h-5c-.552 0-1 .448-1 1s.448 1 1 1h6c.552 0 1-.448 1-1V19c0-.552-.448-1-1-1zm-5 2h4v4h-4v-4z'/%3E%3C/svg%3E");
+	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777777' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm17-10c-.552 0-1-.448-1-1V2h-1c-.552 0-1-.448-1-1s.448-1 1-1h2c.552 0 1 .448 1 1v12c0 .552-.448 1-1 1zm2 4h-6c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1h5v4h-5c-.552 0-1 .448-1 1s.448 1 1 1h6c.552 0 1-.448 1-1V19c0-.552-.448-1-1-1zm-5 2h4v4h-4v-4z'/%3E%3C/svg%3E");
 }
 
 .i-sort-numeric-down::before {
-	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm17 8c-.552 0-1-.448-1-1V20h-1c-.552 0-1-.448-1-1s.448-1 1-1h2c.552 0 1 .448 1 1v12c0 .552-.448 1-1 1zm2-32h-6c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1h5v4h-5c-.552 0-1 .448-1 1s.448 1 1 1h6c.552 0 1-.448 1-1V1c0-.552-.448-1-1-1zm-5 2h4v4h-4V2z'/%3E%3C/svg%3E");
+	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777777' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm17 8c-.552 0-1-.448-1-1V20h-1c-.552 0-1-.448-1-1s.448-1 1-1h2c.552 0 1 .448 1 1v12c0 .552-.448 1-1 1zm2-32h-6c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1h5v4h-5c-.552 0-1 .448-1 1s.448 1 1 1h6c.552 0 1-.448 1-1V1c0-.552-.448-1-1-1zm-5 2h4v4h-4V2z'/%3E%3C/svg%3E");
 }
 
 /* Gender icons are all from Font Awesome */

css/index.css

@@ -4122,24 +4122,15 @@ dl.merge_topic dd {
 	overflow: auto;
 	margin: 0 0 18px 0;
 	padding: 0 0 15px 0;
+	display: grid;
+	grid-template-columns: auto 1fr;
+	gap: .25em;
 }
 
 #detailedinfo dt, #tracking dt, .profileblock dt {
-	float: left;
-	clear: both;
-	margin: 0 0 3px 0;
-	padding: 0;
-	width: 35%;
 	font-weight: bold;
 }
 
-#detailedinfo dd, #tracking dd, .profileblock dd {
-	float: left;
-	margin: 0 0 3px 0;
-	padding: 0;
-	width: 65%;
-}
-
 .profileblock_signature dd {
 	width: auto;
 	word-wrap: break-word;
@@ -6611,7 +6602,7 @@ a > i {
 		display: none;
 	}
 
-	.poster:after, .posterarea:before {
+	.posterarea:before {
 		display: block;
 		clear: both;
 		padding-bottom: 3px;
@@ -6827,6 +6818,10 @@ a > i {
 		display: none;
 	}
 
+	#detailedinfo dl, #tracking dl, .profileblock dl {
+		display: block;
+	}
+
 	dt, dd, dd label, .login dt, #advanced_search dt {
 		width: 100% !important;
 		margin: 0 !important;

images/post/solved.png

@@ -0,0 +1 @@
+./check.png

index.template.php

@@ -173,6 +173,7 @@ function template_html_above()
 	// Show all the relative links, such as help, search, contents, and the like.
 	echo '
 	<link rel="shortcut icon" sizes="196x196" href="' . $context['favicon'] . '" />
+	<link rel="apple-touch-icon" sizes="180x180" href="' . $context['favicon'] . '.apple.png" />
 	<link rel="help" href="', $scripturl, '?action=help" />
 	<link rel="contents" href="', $scripturl, '" />', ($context['allow_search'] ? '
 	<link rel="search" href="' . $scripturl . '?action=search" />' : '');

theme_info.xml

@@ -2,7 +2,7 @@
 	<theme-info xmlns="https://www.elkarte.net/site/theme-info" xmlns:elk="https://www.elkarte.net/">
 		<!-- For the id, always use something unique - put your name, a colon, and then the package name. -->
 		<id>artix:Artix</id>
-		<version>1.2.0</version>
+		<version>1.2.6</version>
 		<!-- Theme name, used purely for aesthetics. -->
 		<name>Artix</name>
 		<!-- Author: your email address or contact information. The name attribute is optional. -->