approvebg, back to development

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 }}

LICENSE

@@ -0,0 +1,396 @@
+Attribution 4.0 International
+
+=======================================================================
+
+Creative Commons Corporation ("Creative Commons") is not a law firm and
+does not provide legal services or legal advice. Distribution of
+Creative Commons public licenses does not create a lawyer-client or
+other relationship. Creative Commons makes its licenses and related
+information available on an "as-is" basis. Creative Commons gives no
+warranties regarding its licenses, any material licensed under their
+terms and conditions, or any related information. Creative Commons
+disclaims all liability for damages resulting from their use to the
+fullest extent possible.
+
+Using Creative Commons Public Licenses
+
+Creative Commons public licenses provide a standard set of terms and
+conditions that creators and other rights holders may use to share
+original works of authorship and other material subject to copyright
+and certain other rights specified in the public license below. The
+following considerations are for informational purposes only, are not
+exhaustive, and do not form part of our licenses.
+
+     Considerations for licensors: Our public licenses are
+     intended for use by those authorized to give the public
+     permission to use material in ways otherwise restricted by
+     copyright and certain other rights. Our licenses are
+     irrevocable. Licensors should read and understand the terms
+     and conditions of the license they choose before applying it.
+     Licensors should also secure all rights necessary before
+     applying our licenses so that the public can reuse the
+     material as expected. Licensors should clearly mark any
+     material not subject to the license. This includes other CC-
+     licensed material, or material used under an exception or
+     limitation to copyright. More considerations for licensors:
+    wiki.creativecommons.org/Considerations_for_licensors
+
+     Considerations for the public: By using one of our public
+     licenses, a licensor grants the public permission to use the
+     licensed material under specified terms and conditions. If
+     the licensor's permission is not necessary for any reason--for
+     example, because of any applicable exception or limitation to
+     copyright--then that use is not regulated by the license. Our
+     licenses grant only permissions under copyright and certain
+     other rights that a licensor has authority to grant. Use of
+     the licensed material may still be restricted for other
+     reasons, including because others have copyright or other
+     rights in the material. A licensor may make special requests,
+     such as asking that all changes be marked or described.
+     Although not required by our licenses, you are encouraged to
+     respect those requests where reasonable. More considerations
+     for the public:
+    wiki.creativecommons.org/Considerations_for_licensees
+
+=======================================================================
+
+Creative Commons Attribution 4.0 International Public License
+
+By exercising the Licensed Rights (defined below), You accept and agree
+to be bound by the terms and conditions of this Creative Commons
+Attribution 4.0 International Public License ("Public License"). To the
+extent this Public License may be interpreted as a contract, You are
+granted the Licensed Rights in consideration of Your acceptance of
+these terms and conditions, and the Licensor grants You such rights in
+consideration of benefits the Licensor receives from making the
+Licensed Material available under these terms and conditions.
+
+
+Section 1 -- Definitions.
+
+  a. Adapted Material means material subject to Copyright and Similar
+     Rights that is derived from or based upon the Licensed Material
+     and in which the Licensed Material is translated, altered,
+     arranged, transformed, or otherwise modified in a manner requiring
+     permission under the Copyright and Similar Rights held by the
+     Licensor. For purposes of this Public License, where the Licensed
+     Material is a musical work, performance, or sound recording,
+     Adapted Material is always produced where the Licensed Material is
+     synched in timed relation with a moving image.
+
+  b. Adapter's License means the license You apply to Your Copyright
+     and Similar Rights in Your contributions to Adapted Material in
+     accordance with the terms and conditions of this Public License.
+
+  c. Copyright and Similar Rights means copyright and/or similar rights
+     closely related to copyright including, without limitation,
+     performance, broadcast, sound recording, and Sui Generis Database
+     Rights, without regard to how the rights are labeled or
+     categorized. For purposes of this Public License, the rights
+     specified in Section 2(b)(1)-(2) are not Copyright and Similar
+     Rights.
+
+  d. Effective Technological Measures means those measures that, in the
+     absence of proper authority, may not be circumvented under laws
+     fulfilling obligations under Article 11 of the WIPO Copyright
+     Treaty adopted on December 20, 1996, and/or similar international
+     agreements.
+
+  e. Exceptions and Limitations means fair use, fair dealing, and/or
+     any other exception or limitation to Copyright and Similar Rights
+     that applies to Your use of the Licensed Material.
+
+  f. Licensed Material means the artistic or literary work, database,
+     or other material to which the Licensor applied this Public
+     License.
+
+  g. Licensed Rights means the rights granted to You subject to the
+     terms and conditions of this Public License, which are limited to
+     all Copyright and Similar Rights that apply to Your use of the
+     Licensed Material and that the Licensor has authority to license.
+
+  h. Licensor means the individual(s) or entity(ies) granting rights
+     under this Public License.
+
+  i. Share means to provide material to the public by any means or
+     process that requires permission under the Licensed Rights, such
+     as reproduction, public display, public performance, distribution,
+     dissemination, communication, or importation, and to make material
+     available to the public including in ways that members of the
+     public may access the material from a place and at a time
+     individually chosen by them.
+
+  j. Sui Generis Database Rights means rights other than copyright
+     resulting from Directive 96/9/EC of the European Parliament and of
+     the Council of 11 March 1996 on the legal protection of databases,
+     as amended and/or succeeded, as well as other essentially
+     equivalent rights anywhere in the world.
+
+  k. You means the individual or entity exercising the Licensed Rights
+     under this Public License. Your has a corresponding meaning.
+
+
+Section 2 -- Scope.
+
+  a. License grant.
+
+       1. Subject to the terms and conditions of this Public License,
+          the Licensor hereby grants You a worldwide, royalty-free,
+          non-sublicensable, non-exclusive, irrevocable license to
+          exercise the Licensed Rights in the Licensed Material to:
+
+            a. reproduce and Share the Licensed Material, in whole or
+               in part; and
+
+            b. produce, reproduce, and Share Adapted Material.
+
+       2. Exceptions and Limitations. For the avoidance of doubt, where
+          Exceptions and Limitations apply to Your use, this Public
+          License does not apply, and You do not need to comply with
+          its terms and conditions.
+
+       3. Term. The term of this Public License is specified in Section
+          6(a).
+
+       4. Media and formats; technical modifications allowed. The
+          Licensor authorizes You to exercise the Licensed Rights in
+          all media and formats whether now known or hereafter created,
+          and to make technical modifications necessary to do so. The
+          Licensor waives and/or agrees not to assert any right or
+          authority to forbid You from making technical modifications
+          necessary to exercise the Licensed Rights, including
+          technical modifications necessary to circumvent Effective
+          Technological Measures. For purposes of this Public License,
+          simply making modifications authorized by this Section 2(a)
+          (4) never produces Adapted Material.
+
+       5. Downstream recipients.
+
+            a. Offer from the Licensor -- Licensed Material. Every
+               recipient of the Licensed Material automatically
+               receives an offer from the Licensor to exercise the
+               Licensed Rights under the terms and conditions of this
+               Public License.
+
+            b. No downstream restrictions. You may not offer or impose
+               any additional or different terms or conditions on, or
+               apply any Effective Technological Measures to, the
+               Licensed Material if doing so restricts exercise of the
+               Licensed Rights by any recipient of the Licensed
+               Material.
+
+       6. No endorsement. Nothing in this Public License constitutes or
+          may be construed as permission to assert or imply that You
+          are, or that Your use of the Licensed Material is, connected
+          with, or sponsored, endorsed, or granted official status by,
+          the Licensor or others designated to receive attribution as
+          provided in Section 3(a)(1)(A)(i).
+
+  b. Other rights.
+
+       1. Moral rights, such as the right of integrity, are not
+          licensed under this Public License, nor are publicity,
+          privacy, and/or other similar personality rights; however, to
+          the extent possible, the Licensor waives and/or agrees not to
+          assert any such rights held by the Licensor to the limited
+          extent necessary to allow You to exercise the Licensed
+          Rights, but not otherwise.
+
+       2. Patent and trademark rights are not licensed under this
+          Public License.
+
+       3. To the extent possible, the Licensor waives any right to
+          collect royalties from You for the exercise of the Licensed
+          Rights, whether directly or through a collecting society
+          under any voluntary or waivable statutory or compulsory
+          licensing scheme. In all other cases the Licensor expressly
+          reserves any right to collect such royalties.
+
+
+Section 3 -- License Conditions.
+
+Your exercise of the Licensed Rights is expressly made subject to the
+following conditions.
+
+  a. Attribution.
+
+       1. If You Share the Licensed Material (including in modified
+          form), You must:
+
+            a. retain the following if it is supplied by the Licensor
+               with the Licensed Material:
+
+                 i. identification of the creator(s) of the Licensed
+                    Material and any others designated to receive
+                    attribution, in any reasonable manner requested by
+                    the Licensor (including by pseudonym if
+                    designated);
+
+                ii. a copyright notice;
+
+               iii. a notice that refers to this Public License;
+
+                iv. a notice that refers to the disclaimer of
+                    warranties;
+
+                 v. a URI or hyperlink to the Licensed Material to the
+                    extent reasonably practicable;
+
+            b. indicate if You modified the Licensed Material and
+               retain an indication of any previous modifications; and
+
+            c. indicate the Licensed Material is licensed under this
+               Public License, and include the text of, or the URI or
+               hyperlink to, this Public License.
+
+       2. You may satisfy the conditions in Section 3(a)(1) in any
+          reasonable manner based on the medium, means, and context in
+          which You Share the Licensed Material. For example, it may be
+          reasonable to satisfy the conditions by providing a URI or
+          hyperlink to a resource that includes the required
+          information.
+
+       3. If requested by the Licensor, You must remove any of the
+          information required by Section 3(a)(1)(A) to the extent
+          reasonably practicable.
+
+       4. If You Share Adapted Material You produce, the Adapter's
+          License You apply must not prevent recipients of the Adapted
+          Material from complying with this Public License.
+
+
+Section 4 -- Sui Generis Database Rights.
+
+Where the Licensed Rights include Sui Generis Database Rights that
+apply to Your use of the Licensed Material:
+
+  a. for the avoidance of doubt, Section 2(a)(1) grants You the right
+     to extract, reuse, reproduce, and Share all or a substantial
+     portion of the contents of the database;
+
+  b. if You include all or a substantial portion of the database
+     contents in a database in which You have Sui Generis Database
+     Rights, then the database in which You have Sui Generis Database
+     Rights (but not its individual contents) is Adapted Material; and
+
+  c. You must comply with the conditions in Section 3(a) if You Share
+     all or a substantial portion of the contents of the database.
+
+For the avoidance of doubt, this Section 4 supplements and does not
+replace Your obligations under this Public License where the Licensed
+Rights include other Copyright and Similar Rights.
+
+
+Section 5 -- Disclaimer of Warranties and Limitation of Liability.
+
+  a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
+     EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
+     AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
+     ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
+     IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
+     WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
+     PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
+     ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
+     KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
+     ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
+
+  b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
+     TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
+     NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
+     INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
+     COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
+     USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
+     ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
+     DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
+     IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
+
+  c. The disclaimer of warranties and limitation of liability provided
+     above shall be interpreted in a manner that, to the extent
+     possible, most closely approximates an absolute disclaimer and
+     waiver of all liability.
+
+
+Section 6 -- Term and Termination.
+
+  a. This Public License applies for the term of the Copyright and
+     Similar Rights licensed here. However, if You fail to comply with
+     this Public License, then Your rights under this Public License
+     terminate automatically.
+
+  b. Where Your right to use the Licensed Material has terminated under
+     Section 6(a), it reinstates:
+
+       1. automatically as of the date the violation is cured, provided
+          it is cured within 30 days of Your discovery of the
+          violation; or
+
+       2. upon express reinstatement by the Licensor.
+
+     For the avoidance of doubt, this Section 6(b) does not affect any
+     right the Licensor may have to seek remedies for Your violations
+     of this Public License.
+
+  c. For the avoidance of doubt, the Licensor may also offer the
+     Licensed Material under separate terms or conditions or stop
+     distributing the Licensed Material at any time; however, doing so
+     will not terminate this Public License.
+
+  d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
+     License.
+
+
+Section 7 -- Other Terms and Conditions.
+
+  a. The Licensor shall not be bound by any additional or different
+     terms or conditions communicated by You unless expressly agreed.
+
+  b. Any arrangements, understandings, or agreements regarding the
+     Licensed Material not stated herein are separate from and
+     independent of the terms and conditions of this Public License.
+
+
+Section 8 -- Interpretation.
+
+  a. For the avoidance of doubt, this Public License does not, and
+     shall not be interpreted to, reduce, limit, restrict, or impose
+     conditions on any use of the Licensed Material that could lawfully
+     be made without permission under this Public License.
+
+  b. To the extent possible, if any provision of this Public License is
+     deemed unenforceable, it shall be automatically reformed to the
+     minimum extent necessary to make it enforceable. If the provision
+     cannot be reformed, it shall be severed from this Public License
+     without affecting the enforceability of the remaining terms and
+     conditions.
+
+  c. No term or condition of this Public License will be waived and no
+     failure to comply consented to unless expressly agreed to by the
+     Licensor.
+
+  d. Nothing in this Public License constitutes or may be interpreted
+     as a limitation upon, or waiver of, any privileges and immunities
+     that apply to the Licensor or You, including from the legal
+     processes of any jurisdiction or authority.
+
+
+=======================================================================
+
+Creative Commons is not a party to its public
+licenses. Notwithstanding, Creative Commons may elect to apply one of
+its public licenses to material it publishes and in those instances
+will be considered the “Licensor.” The text of the Creative Commons
+public licenses is dedicated to the public domain under the CC0 Public
+Domain Dedication. Except for the limited purpose of indicating that
+material is shared under a Creative Commons public license or as
+otherwise permitted by the Creative Commons policies published at
+creativecommons.org/policies, Creative Commons does not authorize the
+use of the trademark "Creative Commons" or any other trademark or logo
+of Creative Commons without its prior written consent including,
+without limitation, in connection with any unauthorized modifications
+to any of its public licenses or any other arrangements,
+understandings, or agreements concerning use of licensed material. For
+the avoidance of doubt, this paragraph does not form part of the
+public licenses.
+
+Creative Commons may be contacted at creativecommons.org.
+

README.MD

@@ -0,0 +1,12 @@
+# Artix ElkArte Theme
+
+A theme for Artix Linux's ElkArte forum. Based off of the [Silence](https://themes.elkarte.net//variant/Silence.html) theme, this theme features dark and light mode variants.
+
+![Preview screenshot of the Artix dark theme applied to an ElkArte forum](/screenshots/preview.png)
+
+A live version can be demo'd [here](https://forum.artixlinux.org/index.php?theme=10).
+
+Screenshots:
+
+* [Dark variant](/screenshots/dark_screenie.png)
+* [Light variant](/screenshots/light_screenie.png)

css/_auto/custom_auto.css

@@ -1,31 +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-alpha-10: #4183c419;
-        --color-primary-alpha-20: #4183c433;
-        --color-primary-alpha-30: #4183c44b;
-        --color-primary-alpha-40: #4183c466;
-        --color-primary-alpha-50: #4183c480;
-        --color-primary-alpha-60: #4183c499;
-        --color-primary-alpha-70: #4183c4b3;
-        --color-primary-alpha-80: #4183c4cc;
-        --color-primary-alpha-90: #4183c4e1;
         --color-primary-hover: var(--color-primary-dark-1);
         --color-primary-active: var(--color-primary-dark-2);
         --color-secondary: #d0d7de;
@@ -46,15 +38,6 @@
         --color-secondary-light-2: #e4ebf2;
         --color-secondary-light-3: #ebf2f9;
         --color-secondary-light-4: #f1f8ff;
-        --color-secondary-alpha-10: #d0d7de19;
-        --color-secondary-alpha-20: #d0d7de33;
-        --color-secondary-alpha-30: #d0d7de4b;
-        --color-secondary-alpha-40: #d0d7de66;
-        --color-secondary-alpha-50: #d0d7de80;
-        --color-secondary-alpha-60: #d0d7de99;
-        --color-secondary-alpha-70: #d0d7deb3;
-        --color-secondary-alpha-80: #d0d7decc;
-        --color-secondary-alpha-90: #d0d7dee1;
         --color-secondary-button: var(--color-secondary-dark-4);
         --color-secondary-hover: var(--color-secondary-dark-5);
         --color-secondary-active: var(--color-secondary-dark-6);
@@ -119,6 +102,36 @@
         --color-pink-dark-2: #c21e7b;
         --color-brown-dark-2: #845232;
         --color-black-dark-2: #131619;
+        /* subtle colors */
+        --color-red-subtle: var(--color-red-light);
+        --color-orange-subtle: var(--color-orange-light);
+        --color-yellow-subtle: var(--color-yellow-light);
+        --color-olive-subtle: var(--color-olive-light);
+        --color-green-subtle: var(--color-green-light);
+        --color-teal-subtle: var(--color-teal-light);
+        --color-blue-subtle: var(--color-blue-light);
+        --color-violet-subtle: var(--color-violet-light);
+        --color-purple-subtle: var(--color-purple-light);
+        --color-pink-subtle: var(--color-pink-light);
+        --color-brown-subtle: var(--color-brown-light);
+        --color-black-subtle: var(--color-black-light);
+        /* contrasty colors */
+        --color-red-contrast: var(--color-red-dark-2);
+        --color-orange-contrast: var(--color-orange-dark-2);
+        --color-yellow-contrast: var(--color-yellow-dark-2);
+        --color-olive-contrast: var(--color-olive-dark-2);
+        --color-green-contrast: var(--color-green-dark-2);
+        --color-teal-contrast: var(--color-teal-dark-2);
+        --color-blue-contrast: var(--color-blue-dark-2);
+        --color-violet-contrast: var(--color-violet-dark-2);
+        --color-purple-contrast: var(--color-purple-dark-2);
+        --color-pink-contrast: var(--color-pink-dark-2);
+        --color-brown-contrast: var(--color-brown-dark-2);
+        --color-black-contrast: var(--color-black-dark-2);
+        --color-white-contrast: #bcbcbc;
+        --color-beige-contrast: #a0a084;
+        --color-navy-contrast: #000080;
+        --color-maroon-contrast: #800000;
         /* ansi colors used for actions console and console files */
         --color-ansi-black: #1e2327;
         --color-ansi-red: #cc4848;
@@ -141,17 +154,6 @@
         --color-grey-light: #7c838a;
         --color-gold: #a1882b;
         --color-white: #ffffff;
-        --color-diff-added-linenum-bg: #d1f8d9;
-        --color-diff-added-row-bg: #e6ffed;
-        --color-diff-added-row-border: #e6ffed;
-        --color-diff-added-word-bg: #acf2bd;
-        --color-diff-moved-row-bg: #f1f8d1;
-        --color-diff-moved-row-border: #d0e27f;
-        --color-diff-removed-linenum-bg: #ffcecb;
-        --color-diff-removed-row-bg: #ffeef0;
-        --color-diff-removed-row-border: #f1c0c0;
-        --color-diff-removed-word-bg: #fdb8c0;
-        --color-diff-inactive: #f0f2f4;
         --color-error-border: #e0b4b4;
         --color-error-bg: #fff6f6;
         --color-error-bg-active: #fbb;
@@ -166,26 +168,17 @@
         --color-info-border: #a9d5de;
         --color-info-bg: #f8ffff;
         --color-info-text: #276f86;
-        --color-red-badge: #db2828;
-        --color-red-badge-bg: #db28281a;
-        --color-red-badge-hover-bg: #db28284d;
         --color-green-badge: #21ba45;
         --color-green-badge-bg: #21ba451a;
         --color-green-badge-hover-bg: #21ba454d;
-        --color-yellow-badge: #fbbd08;
-        --color-yellow-badge-bg: #fbbd081a;
-        --color-yellow-badge-hover-bg: #fbbd084d;
-        --color-orange-badge: #f2711c;
-        --color-orange-badge-bg: #f2711c1a;
-        --color-orange-badge-hover-bg: #f2711c4d;
-        --color-git: #f05133;
-        --color-logo: #609926;
         /* target-based colors */
         --color-body: #ffffff;
         --color-body-alternate: #e4eeff;
+        --color-body-border: #aeb4bd;
         --color-box-header: #3ad;
         --color-box-header-border: #08b;
         --color-box-body: #ffffff;
+        --color-box-body-border: var(--color-secondary);
         --color-box-body-highlight: #ecf5fd;
         --color-text-dark: #01050a;
         --color-text: #181c21;
@@ -194,15 +187,15 @@
         --color-text-light-2: #5b6167;
         --color-text-light-3: #747c84;
         --color-footer: var(--color-nav-bg);
-        --color-timeline: #d0d7de;
         --color-input-text: var(--color-text-dark);
+        --color-input-text-disabled: var(--color-input-toggle-background);
         --color-input-background: #fff;
         --color-input-background-hover: #ccc;
         --color-input-toggle-background: #d0d7de;
         --color-input-border: var(--color-secondary);
         --color-input-border-hover: var(--color-secondary-dark-1);
+        --color-input-border-disabled: var(--color-secondary-dark-1);
         --color-light: #00001706;
-        --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
         --color-light-border: #0000171d;
         --color-hover: #00001708;
         --color-hover-opaque: #f1f3f5;
@@ -220,14 +213,6 @@
         --color-secondary-bg: #f2f5f8;
         --color-expand-button: #cfe8fa;
         --color-placeholder-text: var(--color-text-light-3);
-        --color-editor-line-highlight: var(--color-primary-light-6);
-        --color-project-column-bg: var(--color-secondary-light-4);
-        --color-caret: var(--color-text-dark);
-        --color-reaction-bg: #0000170a;
-        --color-reaction-hover-bg: var(--color-primary-light-5);
-        --color-reaction-active-bg: var(--color-primary-light-6);
-        --color-tooltip-text: #fbfdff;
-        --color-tooltip-bg: #000017f0;
         --color-nav-bg: #f6f7fa;
         --color-nav-hover-bg: var(--color-secondary-light-1);
         --color-nav-text: var(--color-text);
@@ -241,7 +226,33 @@
         --color-highlight-fg: #eed200;
         --color-highlight-bg: #fffbdd;
         --color-overlay-backdrop: #080808c0;
+        --color-sceditor-button: #dddddd;
+        --color-sceditor-button-hover: #bbbbbb;
+	    --color-sceditor-button-active: #aaaaaa;
+        --color-sceditor-button-border: #777777;
+        --color-sceditor-button-border-bottom: #666666;
         accent-color: var(--color-accent);
         color-scheme: light;
     }
+
+    #logobox #logo {
+        filter: brightness(0) invert(1);
+    }
+
+    #footer_section .rssfeeds {
+        color: var(--color-orange);
+        background-color: var(--color-white);
+    }
+
+    .i-rss::before {
+        filter: initial;
+    }
+
+    .i-upload::before {
+        filter: brightness(0);
+    }
+
+    .approvebg {
+        background: #ffa4a4;
+    }
 }

css/_dark/admin_dark.css

@@ -1,7 +1,7 @@
 /* Common admin center classes.
 ------------------------------------------------------- */
 .action_admin .generic_list_wrapper .information {
-	border-color: #CCCCCC;
+	border-color: var(--color-secondary-dark-11);
 	box-shadow: none;
 }
 
@@ -21,12 +21,12 @@
 }
 
 #admin_content .content {
-	background: #1A1A1A;
+	background: var(--color-body);
 	box-shadow: none;
 }
 
 .disabled {
-	color: #777777;
+	color: var(--color-secondary-dark-6);
 }
 
 /* News and newsletters screen.
@@ -43,7 +43,7 @@
 }
 
 #welcome {
-	border-color: #DDDDDD;
+	border-color: var(--color-secondary-dark-10);
 }
 
 .search_results li {
@@ -51,7 +51,7 @@
 }
 
 .search_results li a strong {
-	color: #334466;
+	color: var(--color-primary-light-2);
 }
 
 #admin_main_section .content {
@@ -61,15 +61,15 @@
 }
 
 #live_news div.content dl {
-	color: #AFAFAF;
+	color: var(--color-text-light-1);
 }
 
 #ourAnnouncements dt {
-	border-top-color: #0689C8;
+	border-top-color: var(--color-primary);
 }
 
 #ourAnnouncements dt a {
-	color: #0689C8;
+	color: var(--color-primary);
 }
 
 #ourAnnouncements dd {
@@ -121,8 +121,8 @@
 }
 
 #manage_boards .content, #manage_attachments .content {
-	background: #1A1A1A;
+	background: var(--color-body);
-	border: 1px solid #CCCCCC;
+	border: 1px solid var(--color-text-light-2);
 	border-top: 0 solid;
 	border-radius: 0 0 7px 7px;
 }
@@ -231,13 +231,13 @@
 }
 
 .moderation_notes li {
-	border-bottom-color: #CCCCCC;
+	border-bottom-color: var(--color-secondary);
 }
 
 /* Styles for the error log.
 ------------------------------------------------- */
 #error_log {
-	border-top-color: var(--color-body-border);
+	border-top-color: var(--color-secondary);
 }
 
 #error_log .error_where {

css/_dark/custom_dark.css

@@ -1,3 +1,10 @@
 body {
-    background-color: #0a0a0a;
+    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;
@@ -159,6 +160,23 @@
 	--color-pink-subtle: var(--color-pink-dark-2);
 	--color-brown-subtle: var(--color-brown-dark-2);
 	--color-black-subtle: var(--color-black-dark-2);
+	/* contrasty colors */
+	--color-red-contrast: var(--color-red-light);
+	--color-orange-contrast: var(--color-orange-light);
+	--color-yellow-contrast: var(--color-yellow-light);
+	--color-olive-contrast: var(--color-olive-light);
+	--color-green-contrast: var(--color-green-light);
+	--color-teal-contrast: var(--color-teal-light);
+	--color-blue-contrast: var(--color-blue-light);
+	--color-violet-contrast: var(--color-violet-light);
+	--color-purple-contrast: var(--color-purple-light);
+	--color-pink-contrast: var(--color-pink-light);
+	--color-brown-contrast: var(--color-brown-light);
+	--color-black-contrast: var(--color-black-light);
+	--color-white-contrast: #ffffff;
+	--color-beige-contrast: #f5f5dc;
+	--color-navy-contrast: #3535b4;
+	--color-maroon-contrast: #973333;
 	/* ansi colors used for actions console and console files */
 	--color-ansi-black: #1e2327;
 	--color-ansi-red: #cc4848;
@@ -223,7 +241,6 @@
 	--color-input-border-hover: var(--color-secondary-dark-10);
 	--color-input-border-disabled: var(--color-secondary-dark-1);
 	--color-light: #00001728;
-	--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
 	--color-light-border: #e8f3ff28;
 	--color-hover: var(--color-light-border);
 	--color-active: #e8f3ff24;
@@ -241,10 +258,8 @@
 	--color-secondary-bg: #303030;
 	--color-expand-button: #2f363d;
 	--color-placeholder-text: var(--color-text-light-3);
-	--color-editor-line-highlight: var(--color-primary-light-5);
+	--color-nav-bg: var(--color-secondary-light-3);
-	--color-project-board-bg: var(--color-secondary-light-2);
+	--color-nav-hover-bg: #3f4345;
-	--color-nav-bg: #333;
-	--color-nav-hover-bg: var(--color-secondary-light-3);
 	--color-nav-text: var(--color-text);
 	--color-secondary-nav-bg: #0c1a28;
 	--color-label-text: var(--color-text);
@@ -256,6 +271,11 @@
 	--color-highlight-fg: #87651e;
 	--color-highlight-bg: #352c1c;
 	--color-overlay-backdrop: #080808c0;
+	--color-sceditor-button: #999999;
+	--color-sceditor-button-hover: #bbbbbb;
+	--color-sceditor-button-active: #eeeeee;
+	--color-sceditor-button-border: #dfdfdf;
+	--color-sceditor-button-border-bottom: #dddddd;
 	accent-color: var(--color-accent);
 	color-scheme: dark;
 }
@@ -327,13 +347,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 */
@@ -392,7 +412,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);
 }
 
@@ -406,7 +426,8 @@ button[disabled]:hover {
 hr {
 	border-top-color: var(--color-secondary);
 	border-bottom-color: var(--color-secondary);
-	background: #7C7360;
+	background: var(--color-secondary-light-2);
+	border-right: none;
 }
 
 strong,
@@ -424,7 +445,7 @@ strong,
 .category_header,
 .forum_category .category_header,
 .content_category .category_header {
-	color: #fff;
+	color: var(--color-white);
 	border-color: var(--color-box-header-border);
 	background: var(--color-box-header);
 }
@@ -567,11 +588,16 @@ 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);
 }
 
+.bbc_tt {
+	background-color: var(--color-secondary-light-2);
+	color: var(--color-text-dark);
+}
+
 .bbc_quote.bbc_quote {
 	background: var(--color-quote-bg);
 }
@@ -642,8 +668,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,
@@ -677,7 +704,13 @@ 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,
+#top_section #forumtitle a:link,
+#top_section #forumtitle a:visited {
+	color: var(--color-white);
 }
 
 #top_section a,
@@ -742,7 +775,6 @@ div.bbc_footnotes .meaction {}
 #wrapper {
 	border-color: var(--color-secondary);
 	background: var(--color-card);
-	;
 }
 
 /* The footer with copyright links etc. */
@@ -758,11 +790,15 @@ div.bbc_footnotes .meaction {}
 }
 
 #footer_section .rssfeeds {
-	color: var(--color-orange);
+	color: var(--color-white);
-	background-color: var(--color-white);
+	background-color: var(--color-orange);
 	text-shadow: none;
 }
 
+.i-rss::before {
+	filter: brightness(0) invert(1);
+}
+
 .action_viewquery a,
 .action_viewquery strong,
 #debug_logging a,
@@ -820,7 +856,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;
 }
@@ -830,14 +866,6 @@ div.bbc_footnotes .meaction {}
 	box-shadow: none;
 }
 
-/* TODO what is this? */
-
-.poster li.poster_online:hover .linklevel1 {
-	color: #585858;
-	border-color: #232323;
-	background: #1A1A1A;
-}
-
 .poster li.poster_online .nolink {
 	color: #566E4B;
 	border-color: #AFAFAF;
@@ -919,7 +947,12 @@ div.bbc_footnotes .meaction {}
  * just in case someone tries to use this class elsewhere.
  */
 .pm_indicator,
-.likes_indicator {}
+.likes_indicator {
+	color: var(--color-nav-text);
+	border-color: var(--color-secondary-dark-4) !important;
+	background: var(--color-nav-bg);
+	box-shadow: none;
+}
 
 .poster .pm_indicator {}
 
@@ -1099,7 +1132,7 @@ div.bbc_footnotes .meaction {}
 #gobottom {
 	transition: ease-in-out opacity .1s;
 	opacity: 0.5;
-	color: var(--color-text) !important;
+	color: var(--color-white) !important;
 	border-color: var(--color-box-header-border);
 	border-left: none;
 	border-bottom-color: transparent;
@@ -1225,7 +1258,7 @@ div.bbc_footnotes .meaction {}
 }
 
 .board_stats {
-	color: #777777;
+	color: var(--color-secondary-dark-6);
 }
 
 .lastpost_link>a {
@@ -1242,7 +1275,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. */
@@ -1251,7 +1284,7 @@ div.bbc_footnotes .meaction {}
 }
 
 .ic_section_header>a {
-	color: #AFAFAF;
+	color: var(--color-text-light-1);
 }
 
 #ic_recentposts td,
@@ -1262,11 +1295,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 {
@@ -1313,6 +1346,7 @@ div.bbc_footnotes .meaction {}
 #sort_by {
 	border-color: var(--color-body-border);
 	border-bottom-color: transparent;
+	background-color: var(--color-box-body);
 }
 
 #sort_by.topic_sorting_recent {
@@ -1325,27 +1359,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 {
@@ -1361,17 +1395,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);
@@ -1432,7 +1455,7 @@ div.bbc_footnotes .meaction {}
 
 /* Colors for background of posts requiring approval */
 .approvebg {
-	background: #FFF5CD;
+	background: #220505;
 }
 
 .poster .name {
@@ -1462,16 +1485,16 @@ div.bbc_footnotes .meaction {}
 .poster_online.poster_online.poster_online .linklevel1:hover {
 	color: var(--color-text-light);
 	border-color: var(--color-secondary-dark-4);
-	background: var(--color-button-hover);
+	background: var(--color-secondary-light-2);
 }
 
 .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,
@@ -1489,7 +1512,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;
 }
@@ -1571,37 +1594,36 @@ div.bbc_footnotes .meaction {}
  */
 /* The main post editor section. */
 #preview_body {
-	border-color: #DDDDDD;
+	border-color: var(--color-body-border);
-	border-bottom-color: #CCCCCC;
+	background: var(--color-body);
-	background: #1A1A1A;
 }
 
 #postAdditionalOptionsHeader,
 #postDraftOptionsHeader {
-	border-color: #2F2F2F;
+	border-color: var(--color-secondary-dark-3);
-	background: var(--color-body) linear-gradient(to bottom, #1A1A1A 0%, #222222 100%);
+	background: var(--color-card);
 }
 
 #postAdditionalOptions,
 #postDraftOptions {
-	border-color: #2F2F2F;
+	border-color: var(--color-secondary-dark-3);
 	border-top-color: transparent;
 	background: var(--color-body);
 }
 
 #postAdditionalOptionsNC {
 	border-color: var(--color-secondary);
-	background: #0A0A0A;
+	background: var(--color-primary-contrast);
 }
 
 .drop_area {
-	color: #444444;
+	color: var(--color-text-dark);
-	border-color: #CCCCCC;
+	border-color: var(--color-text);
-	background-color: rgb(230, 230, 230);
+	background-color: var(--color-secondary-light-1);
 }
 
 .drop_area>a {
-	color: #000000;
+	color: var(--color-primary-contrast);
 }
 
 .statusbar {
@@ -1655,8 +1677,8 @@ div.bbc_footnotes .meaction {}
 }
 
 #postMoreOptions {
-	border-top-color: var(--color-secondary);
+	border-top-color: var(--color-secondary-dark-3);
-	background: #0A0A0A;
+	background: var(--color-card);
 }
 
 #postDraftOptions .settings dd,
@@ -1749,20 +1771,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 {
@@ -1843,32 +1865,32 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
  * -------------------------------------------------------
  */
 .birthday {
-	color: #920AC4;
+	color: var(--color-purple);
 }
 
 .event {
-	color: #078907;
+	color: var(--color-green);
 }
 
 .holiday {
-	color: #555080;
+	color: var(--color-pink);
 }
 
 .calendar_table {
 	border-top-color: var(--color-body);
-	background: #222222;
+	background: var(--color-body-border);
 }
 
 .calendar_table th,
 .calendar_table td {
-	background: #1A1A1A;
+	background: var(--color-body);
 }
 
 /* Used to indicate the current day. */
 #main_grid .calendar_today,
 #month_grid .calendar_today {
-	border-color: #AAAAAA;
+	border-color: var(--color-secondary);
-	background: #111111;
+	background: var(--color-body-alternate);
 }
 
 #main_grid .weeks {}
@@ -1900,7 +1922,7 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 
 /* Add a background that fits with the calendar. */
 #calendar_navigation {
-	border-color: #222222;
+	border-color: var(--color-secondary);
 	border-top-color: transparent;
 }
 
@@ -1915,8 +1937,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;
 }
 
@@ -1927,8 +1949,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;
 }
@@ -1937,9 +1959,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;
 }
 
@@ -1976,14 +1998,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 {
@@ -1996,7 +2018,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));
 }
 
 /* -------------------------------------------------------
@@ -2004,17 +2026,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);
 }
 
 /* -------------------------------------------------------
@@ -2052,7 +2074,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 {
@@ -2131,7 +2153,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 {
@@ -2162,6 +2184,119 @@ 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;
+}
+
+/* -------------------------------------------------------
+ * Font colors
+ * -------------------------------------------------------
+ */
+.bbc_color[style="color: red;"] {
+	color: var(--color-red-contrast) !important;
+}
+
+.bbc_color[style="color: yellow;"] {
+	color: var(--color-yellow-contrast) !important;
+}
+
+.bbc_color[style="color: pink;"] {
+	color: var(--color-pink-contrast) !important;
+}
+
+.bbc_color[style="color: green;"] {
+	color: var(--color-green-contrast) !important;
+}
+
+.bbc_color[style="color: orange;"] {
+	color: var(--color-orange-contrast) !important;
+}
+
+.bbc_color[style="color: purple;"] {
+	color: var(--color-purple-contrast) !important;
+}
+
+.bbc_color[style="color: blue;"] {
+	color: var(--color-blue-contrast) !important;
+}
+
+.bbc_color[style="color: brown;"] {
+	color: var(--color-brown-contrast) !important;
+}
+
+.bbc_color[style="color: teal;"] {
+	color: var(--color-teal-contrast) !important;
+}
+
+.bbc_color[style="color: limegreen;"] {
+	color: var(--color-olive-contrast) !important;
+}
+
+.bbc_color[style="color: beige;"] {
+	color: var(--color-beige-contrast) !important;
+}
+
+.bbc_color[style="color: navy;"] {
+	color: var(--color-navy-contrast) !important;
+}
+
+.bbc_color[style="color: maroon;"] {
+	color: var(--color-maroon-contrast) !important;
+}
+
+.bbc_color[style="color: black;"] {
+	color: var(--color-secondary-dark-11) !important;
+}
+
+.bbc_color[style="color: white;"] {
+	color: var(--color-secondary-dark-1) !important;
+}
+
+/* -------------------------------------------------------
+ * 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
  * -------------------------------------------------------
@@ -2276,11 +2411,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

@@ -11,10 +11,10 @@
 .sceditor-container {
 	position: relative;
 
-	border: 1px solid #555555;
+	border: 1px solid var(--color-box-body-border);
 	border-top-color: transparent;
 	border-radius: 0 0 4px 4px;
-	background: #000000;
+	background: initial;
 }
 
 .sceditor-unselectable {
@@ -29,7 +29,7 @@
 #editor_toolbar_container {
 	width: 100%;
 
-	border: 1px solid #555555;
+	border: 1px solid var(--color-box-body-border);
 	border-bottom: 0;
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
@@ -51,16 +51,16 @@
 
 	resize: none;
 
-	color: #AAAAAA;
+	color: var(--color-text);
 	border: 0;
 	outline: none;
 }
 
 /* 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: #0A0A0A;
+	background: var(--color-primary-contrast);
 	box-shadow: none;
 }
 
@@ -73,8 +73,8 @@
 	width: 3000px;
 	height: 6000px;
 
-	opacity: 0.7;
+	opacity: 0.5;
-	background: #FFFFFF;
+	background: var(--color-text);
 }
 
 .sceditor-grip {
@@ -90,10 +90,10 @@
 
 	cursor: n-resize;
 
-	border-top: 1px solid #555555;
+	border-top: 1px solid var(--color-box-body-border);
 	border-radius: 0 0 4px 4px;
-	background: #222222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAJUlEQVR42mMgFyhJKM3EIqQkgSEEwmhCEIwiBMPYhGAASQg3AAB5Og6WLqLJcAAAAABJRU5ErkJggg==) 100% 100% no-repeat;
+	background: var(--color-box-body) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAJUlEQVR42mMgFyhJKM3EIqQkgSEEwmhCEIwiBMPYhGAASQg3AAB5Og6WLqLJcAAAAABJRU5ErkJggg==) 100% 100% no-repeat;
-	box-shadow: -1px -2px 4px rgba(0, 0, 0, 0.1) inset;
+	box-shadow: none;
 }
 
 .sceditor-dropdown {
@@ -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);;
 }
 
@@ -238,15 +238,74 @@
 	border: 2px solid #333333;
 }
 
+.sceditor-color-option[style="background-color: red"] {
+	background-color: var(--color-red-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: yellow"] {
+	background-color: var(--color-yellow-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: pink"] {
+	background-color: var(--color-pink-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: green"] {
+	background-color: var(--color-green-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: orange"] {
+	background-color: var(--color-orange-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: purple"] {
+	background-color: var(--color-purple-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: blue"] {
+	background-color: var(--color-blue-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: brown"] {
+	background-color: var(--color-brown-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: teal"] {
+	background-color: var(--color-teal-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: limegreen"] {
+	background-color: var(--color-olive-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: beige"] {
+	background-color: var(--color-beige-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: navy"] {
+	background-color: var(--color-navy-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: maroon"] {
+	background-color: var(--color-maroon-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: black"] {
+	background-color: var(--color-secondary-dark-11) !important;
+}
+
+.sceditor-color-option[style="background-color: white"] {
+	background-color: var(--color-secondary-dark-1) !important;
+}
+
 .sceditor-toolbar {
 	overflow: hidden;
 
 	padding: 5px 5px 0 5px;
 
-	border-bottom: 1px solid #555555;
 	border-radius: 4px 4px 0 0;
-	background: #222222;
+	background: var(--color-box-body);
-	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1) inset;
+	box-shadow: none;
 }
 
 .sceditor-group {
@@ -271,12 +330,16 @@
 
 	cursor: pointer;
 
-	color: #222222;
+	color: var(--color-text);
-	border: 1px solid #BBBBBB;
+	border: 1px solid var(--color-sceditor-button-border);
 	border-right: none;
-	border-bottom: 1px solid #AAAAAA;
+	border-bottom: 1px solid var(--color-sceditor-button-border-bottom);
-	background: #999999;
+	background: var(--color-sceditor-button);
-	box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.15) inset;
+	box-shadow: none;
+}
+
+.sceditor-button:has(+.sceditor-button-space) {
+	border-right: 1px solid var(--color-sceditor-button-border);
 }
 
 .sceditor-button.disabled div {
@@ -286,7 +349,8 @@
 .sceditor-button.disabled:hover {
 	cursor: default;
 
-	background: inherit;
+	background: var(--color-sceditor-button);
+	box-shadow: none;
 }
 
 .sceditor-button div, .sceditor-button {
@@ -304,13 +368,13 @@
 }
 
 .sceditor-button:hover {
-	background: #FAFAFA;
+	background: var(--color-sceditor-button-hover);
-	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
+	box-shadow: none;
 }
 
 .sceditor-button.active {
-	background: #DFFFBF;
+	background: var(--color-sceditor-button-active);
-	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
+	box-shadow: none;
 }
 
 .sceditor-button-emoticon {
@@ -335,7 +399,8 @@ a.sceditor-button-space, .sceditor-button-space div {
 	padding: 4px 0;
 
 	border: none;
-	border-left: 1px solid #BBBBBB;
+	border-left: 1px solid transparent;
+	visibility: hidden;
 	background: transparent;
 	box-shadow: none;
 }
@@ -352,7 +417,7 @@ a.sceditor-button-space, .sceditor-button-space div {
 }
 
 .sceditor-button-source.active {
-	background: #FAFAFA;
+	background: var(--color-sceditor-button-active);
 	box-shadow: none;
 }
 

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/admin.css

@@ -24,10 +24,16 @@
 }
 
 #admin_content .content {
+	border-radius: 5px;
 	margin-bottom: 5px;
 	border: none;
 }
 
+#admin_content h2 + .content {
+	border-top-left-radius: 0px;
+	border-top-right-radius: 0px;
+}
+
 .admincenter {
 	overflow: auto;
 }
@@ -979,7 +985,7 @@ ul.theme_options li, ul.basic_options li {
 
 .is_directory {
 	padding-left: 18px;
-	background: url(../images/admin/boards.png) no-repeat;
+	background: url(../images/board.png) no-repeat;
 }
 
 .edit_file {

css/icons_svg.css

@@ -15,11 +15,11 @@
 }
 
 .i-chevron-circle-right::before {
-	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm0 29C8.82 29 3 23.18 3 16S8.82 3 16 3s13 5.82 13 13-5.82 13-13 13z'/%3E%3Cpath d='M11.086 22.086l2.83 2.83L22.828 16l-8.915-8.913-2.828 2.828L17.173 16z'/%3E%3C/svg%3E");
+	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm0 29C8.82 29 3 23.18 3 16S8.82 3 16 3s13 5.82 13 13-5.82 13-13 13z'/%3E%3Cpath d='M11.086 22.086l2.83 2.83L22.828 16l-8.915-8.913-2.828 2.828L17.173 16z'/%3E%3C/svg%3E");
 }
 
 .i-chevron-circle-left::before {
-	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 32 32'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16zm0-29c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3z'/%3E%3Cpath d='M20.914 9.914l-2.83-2.83L9.172 16l8.915 8.913 2.828-2.828L14.827 16z'/%3E%3C/svg%3E");
+	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 32 32'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16zm0-29c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3z'/%3E%3Cpath d='M20.914 9.914l-2.83-2.83L9.172 16l8.915 8.913 2.828-2.828L14.827 16z'/%3E%3C/svg%3E");
 }
 
 /* From Font Awesome */
@@ -259,7 +259,7 @@
 }
 
 .i-upload::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='M15 22H0v8h30v-8H15zm13 4h-4v-2h4v2zM7 10l8-8 8 8h-5v10h-6V10z'/%3E%3C/svg%3E");
+	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 32 32'%3E%3Cpath d='M15 22H0v8h30v-8H15zm13 4h-4v-2h4v2zM7 10l8-8 8 8h-5v10h-6V10z'/%3E%3C/svg%3E");
 }
 
 .i-support::before {
@@ -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

@@ -886,6 +886,8 @@ strong, .bbc_strong {
 /* Everything is same except HTML5 valid */
 .bbc_tt {
 	font-family: "DejaVu Sans Mono", Monaco, "Lucida Console", "Courier New", monospace;
+	padding: .06em .2em;
+  	border-radius: .2em;
 }
 
 .bbc_pre {
@@ -1298,10 +1300,6 @@ a.bbc_link {
 	border: none;
 }
 
-.poster li.poster_online:hover .linklevel1 {
-	border: 1px solid;
-}
-
 .poster li.poster_online .nolink {
 	position: relative;
 	display: block;
@@ -3571,7 +3569,6 @@ ul.post_options li {
 }
 
 #postAdditionalOptionsNC {
-	background: #222222 !important;
 	overflow: auto;
 	margin: 0 0 1em 0;
 	border: 1px solid;
@@ -4125,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;
@@ -6614,7 +6602,7 @@ a > i {
 		display: none;
 	}
 
-	.poster:after, .posterarea:before {
+	.posterarea:before {
 		display: block;
 		clear: both;
 		padding-bottom: 3px;
@@ -6830,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;

css/prettify.css

@@ -8,31 +8,31 @@
 
 @media screen {
   /* string content */
-  .str {color: #b5bd68;}
+  .str {color: var(--color-olive-contrast);}
   /* keyword */
-  .kwd {color: #b294bb;}
+  .kwd {color: var(--color-violet-contrast);}
   /* comment */
-  .com {color: #969896;}
+  .com {color: var(--color-text-light-3);}
   /* type name */
-  .typ {color: #81a2be;}
+  .typ {color: var(--color-teal-contrast);}
   /* literal value */
-  .lit {color: #de935f;}
+  .lit {color: var(--color-orange-contrast);}
   /* punctuation */
-  .pun {color: #c5c8c6;}
+  .pun {color: var(--color-text-light-2);}
   /* lisp open bracket */
-  .opn {color: #c5c8c6;}
+  .opn {color: var(--color-text-dark);}
   /* lisp close bracket */
-  .clo {color: #c5c8c6;}
+  .clo {color: var(--color-text-dark);}
   /* markup tag name */
-  .tag {color: #cc6666;}
+  .tag {color: var(--color-red-contrast);}
   /* markup attribute name */
-  .atn {color: #de935f;}
+  .atn {color: var(--color-yellow-contrast);}
   /* markup attribute value */
-  .atv {color: #8abeb7;}
+  .atv {color: var(--color-green-contrast);}
   /* declaration */
-  .dec {color: #de935f;}
+  .dec {color: var(--color-pink-contrast);}
   /* variable name */
-  .var {color: #cc6666;}
+  .var {color: var(--color-blue-contrast);}
   /* function name */
-  .fun {color: #81a2be;}
+  .fun {color: var(--color-brown-contrast);}
 }

images/post/solved.png

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

index.template.php

@@ -172,6 +172,8 @@ function template_html_above()
 
 	// Show all the relative links, such as help, search, contents, and the like.
 	echo '
+	<link rel="apple-touch-icon" sizes="144x144" href="' . $context['favicon'] . '.apple.144.png" />
+	<link rel="apple-touch-icon" sizes="180x180" href="' . $context['favicon'] . '.apple.png" />
 	<link rel="shortcut icon" sizes="196x196" href="' . $context['favicon'] . '" />
 	<link rel="help" href="', $scripturl, '?action=help" />
 	<link rel="contents" href="', $scripturl, '" />', ($context['allow_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</version>
+		<version>1.2.11</version>
 		<!-- Theme name, used purely for aesthetics. -->
 		<name>Artix</name>
 		<!-- Author: your email address or contact information. The name attribute is optional. -->
@@ -14,5 +14,5 @@
 		<!-- Templates to load on startup. Default is "index". -->
 		<templates>index</templates>
 		<!-- Base this theme off another? Default is blank, or no. It could be "default". -->
-		<based-on>spuds:Silence</based-on>
+		<based-on></based-on>
 	</theme-info>