commit cd2f49ea82839d5ed4da27475c076eb75a71f8fe
Author: ronis_0505 <roniskarbysh@gmail.com>
Date:   Sun Jul 20 14:53:12 2025 +0300

    v0.1

diff --git a/CI_CD.md b/CI_CD.md
new file mode 100644
index 0000000..291dcf0
--- /dev/null
+++ b/CI_CD.md
@@ -0,0 +1,35 @@
+## Quick and simple deploy
+
+<img alt="" src="media/header.png" width="800"> <br>
+
+This repository designed for deployment of own small CI/CD environment.
+
+The project consists:
+
+- playbooks:
+    - deployment main server services
+    - configure base settings (users, security)
+- CI/CD files:
+    - composes
+    - drone config
+- directory templates
+
+### Deploying stages
+
+- Install base essential packages
+- Creating new user and configuring them
+- Setting SSH and UFW for security
+- Installing and setting Postgres for test stage
+- Preparing essential directories
+- Starting ci/cd services(Drone, Gitea) in Docker
+
+### Service interaction diagram
+
+<img alt="" src="media/Diagram.png" width="800">
+
+### Using
+
+```bash
+
+```
+
diff --git a/create_examples.py b/create_examples.py
new file mode 100644
index 0000000..08b1d33
--- /dev/null
+++ b/create_examples.py
@@ -0,0 +1,5 @@
+
+
+with open("inventory/group_vars/new_server.yaml", "r") as file:
+    with open("inventory-example/group_vars/new_server.yaml", "w") as file2:
+        file2.writelines((string.split(":")[0] + ": < >\n") if ":" in string else "\n" for string in file)
\ No newline at end of file
diff --git a/drone/drone.yaml b/drone/drone.yaml
new file mode 100644
index 0000000..6818167
--- /dev/null
+++ b/drone/drone.yaml
@@ -0,0 +1,10 @@
+kind: pipeline
+type: docker
+name: default
+
+steps:
+  - name: build
+    image: python:3.11
+    commands:
+      - pip install -r requirements.txt
+      - python your_script.py
\ No newline at end of file
diff --git a/drone/drone_connect_remote_dc=ocker.yaml b/drone/drone_connect_remote_dc=ocker.yaml
new file mode 100644
index 0000000..d9168b5
--- /dev/null
+++ b/drone/drone_connect_remote_dc=ocker.yaml
@@ -0,0 +1,6 @@
+steps:
+  - name: build
+    image: plugins/docker
+    settings:
+      repo: youruser/your-image
+      docker_host: ssh://user@host
diff --git a/drone/drone_dockler_registry.yaml b/drone/drone_dockler_registry.yaml
new file mode 100644
index 0000000..6621a17
--- /dev/null
+++ b/drone/drone_dockler_registry.yaml
@@ -0,0 +1,7 @@
+steps:
+  - name: build
+    image: your_private_registry/your_image:tag
+    image_pull_secrets:
+      - dockerconfigjson
+    commands:
+      - # your build command
\ No newline at end of file
diff --git a/inventory-example/group_vars/changed_server.yaml b/inventory-example/group_vars/changed_server.yaml
new file mode 100644
index 0000000..5eb8d14
--- /dev/null
+++ b/inventory-example/group_vars/changed_server.yaml
@@ -0,0 +1,52 @@
+ansible_user: < >
+ansible_port: < >
+ansible_ssh_private_key_file: < >
+ansible_connection: < >
+
+allowed_ip: < >
+postgres_exporter_ip: < >
+
+host_domain: < >
+host_ip: < >
+
+main_user: < >
+main_user_ssh_key: < >
+
+
+
+db_version: < >
+db_user: < >
+db_name: < >
+db_password: < >
+
+ports: < >
+  main_ssh_port: < >
+    port: < >
+    proto: < >
+  https: < >
+    port: < >
+    proto: < >
+  http: < >
+    port: < >
+    proto: < >
+  db_port: < >
+    port: < >
+    proto: < >
+
+
+docker_networks: < >
+  nginx_net: < >
+    subnet: < >
+    gateway: < >
+  cicd_net: < >
+    subnet: < >
+    gateway: < >
+  monitoring_net: < >
+    subnet: < >
+    gateway: < >
+  test_net: < >
+    subnet: < >
+    gateway: < >
+  prod_net: < >
+    subnet: < >
+    gateway: < >
diff --git a/inventory-example/group_vars/new_server.yaml b/inventory-example/group_vars/new_server.yaml
new file mode 100644
index 0000000..e2541dc
--- /dev/null
+++ b/inventory-example/group_vars/new_server.yaml
@@ -0,0 +1,37 @@
+ansible_user: < >
+ansible_ssh_pass: < >
+
+host_domain: < >
+host_ip: < >
+
+ports: < >
+  main_ssh_port: < >
+    port: < >
+    proto: < >
+  https: < >
+    port: < >
+    proto: < >
+  http: < >
+    port: < >
+    proto: < >
+  db_port: < >
+    port: < >
+    proto: < >
+
+server_groups: < >
+
+
+
+
+
+main_user: < >
+user_password: < >
+main_user_ssh_key: < >
+
+
+
+db_version: < >
+db_user: < >
+db_name: < >
+db_password: < >
+allowed_db_ip: < >
diff --git a/media/Diagram.png b/media/Diagram.png
new file mode 100644
index 0000000..cb4bbea
Binary files /dev/null and b/media/Diagram.png differ
diff --git a/media/header.png b/media/header.png
new file mode 100644
index 0000000..83aa65b
Binary files /dev/null and b/media/header.png differ
diff --git a/playbooks/configure_server-playbook.yaml b/playbooks/configure_server-playbook.yaml
new file mode 100644
index 0000000..c060c1f
--- /dev/null
+++ b/playbooks/configure_server-playbook.yaml
@@ -0,0 +1,13 @@
+---
+- name: New server configuration
+  hosts: new_server
+  become: yes
+  roles:
+    - base-tools
+    - set-groups
+    - set-users
+    - postgres-install
+    - postgres-init
+    - docker-install
+    - ssh
+    - firewall
\ No newline at end of file
diff --git a/playbooks/init-playbook.yaml b/playbooks/init-playbook.yaml
new file mode 100644
index 0000000..8f52e78
--- /dev/null
+++ b/playbooks/init-playbook.yaml
@@ -0,0 +1,11 @@
+---
+- name: Init
+  hosts: changed_server
+  become: yes
+  roles:
+
+    - prepare-directories
+    - docker-networks
+    - gitea
+    - drone
+    - metrics
diff --git a/playbooks/manual-playbook.yaml b/playbooks/manual-playbook.yaml
new file mode 100644
index 0000000..03d5472
--- /dev/null
+++ b/playbooks/manual-playbook.yaml
@@ -0,0 +1,6 @@
+---
+- name: For different playbooks
+  hosts: changed_server
+  become: yes
+  roles:
+    - gitea
diff --git a/playbooks/postgres-conf-playbook.yaml b/playbooks/postgres-conf-playbook.yaml
new file mode 100644
index 0000000..e2def50
--- /dev/null
+++ b/playbooks/postgres-conf-playbook.yaml
@@ -0,0 +1,6 @@
+---
+- name: Postgres conf
+  hosts: changed_server
+  become: yes
+  roles:
+    - postgres-config
diff --git a/playbooks/proxy-playbook.yaml b/playbooks/proxy-playbook.yaml
new file mode 100644
index 0000000..e859782
--- /dev/null
+++ b/playbooks/proxy-playbook.yaml
@@ -0,0 +1,7 @@
+---
+- name: Deploy proxy
+  hosts: changed_server
+
+  roles:
+    - nginx-first-start
+    - nginx-reconfigure
diff --git a/playbooks/roles/base-tools/README.md b/playbooks/roles/base-tools/README.md
new file mode 100644
index 0000000..f634d86
--- /dev/null
+++ b/playbooks/roles/base-tools/README.md
@@ -0,0 +1,33 @@
+Install base tools for work
+=========
+
+
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the
+role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+No variables.
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set
+for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/base-tools/defaults/main.yml b/playbooks/roles/base-tools/defaults/main.yml
new file mode 100644
index 0000000..27218af
--- /dev/null
+++ b/playbooks/roles/base-tools/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for base-tools
diff --git a/playbooks/roles/base-tools/handlers/main.yml b/playbooks/roles/base-tools/handlers/main.yml
new file mode 100644
index 0000000..d5dddcf
--- /dev/null
+++ b/playbooks/roles/base-tools/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for base-tools
diff --git a/playbooks/roles/base-tools/meta/main.yml b/playbooks/roles/base-tools/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/base-tools/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/base-tools/tasks/main.yml b/playbooks/roles/base-tools/tasks/main.yml
new file mode 100644
index 0000000..8f43c2b
--- /dev/null
+++ b/playbooks/roles/base-tools/tasks/main.yml
@@ -0,0 +1,26 @@
+---
+# tasks file for base-tools
+- name: Update packages
+  ansible.builtin.apt:
+    update_cache: yes
+    cache_valid_time: 360
+
+- name: Install essential packages
+  ansible.builtin.apt:
+    name:
+      - sudo
+      - fail2ban
+      - nano
+      - tree
+    state: present
+
+- name: Ensure python3 and pip3 are installed
+  ansible.builtin.apt:
+    name:
+      - python3
+      - python3-pip
+    state: present
+
+
+
+
diff --git a/playbooks/roles/base-tools/tests/test.yml b/playbooks/roles/base-tools/tests/test.yml
new file mode 100644
index 0000000..d3cd2ee
--- /dev/null
+++ b/playbooks/roles/base-tools/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - base-tools
diff --git a/playbooks/roles/base-tools/vars/main.yml b/playbooks/roles/base-tools/vars/main.yml
new file mode 100644
index 0000000..6dee26b
--- /dev/null
+++ b/playbooks/roles/base-tools/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for base-tools
diff --git a/playbooks/roles/docker-install/README.md b/playbooks/roles/docker-install/README.md
new file mode 100644
index 0000000..f9c71c5
--- /dev/null
+++ b/playbooks/roles/docker-install/README.md
@@ -0,0 +1,35 @@
+Install Docker
+=========
+
+Install Dicker and dependencies
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/docker-install/defaults/main.yml b/playbooks/roles/docker-install/defaults/main.yml
new file mode 100644
index 0000000..4d941a4
--- /dev/null
+++ b/playbooks/roles/docker-install/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for docker-install
diff --git a/playbooks/roles/docker-install/handlers/main.yml b/playbooks/roles/docker-install/handlers/main.yml
new file mode 100644
index 0000000..0577535
--- /dev/null
+++ b/playbooks/roles/docker-install/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for docker-install
diff --git a/playbooks/roles/docker-install/meta/main.yml b/playbooks/roles/docker-install/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/docker-install/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/docker-install/tasks/docker-playbook.yaml.examples b/playbooks/roles/docker-install/tasks/docker-playbook.yaml.examples
new file mode 100644
index 0000000..95dd757
--- /dev/null
+++ b/playbooks/roles/docker-install/tasks/docker-playbook.yaml.examples
@@ -0,0 +1,51 @@
+---
+- name: Deploy Docker
+  hosts: main_server
+  become: yes
+  tasks:
+    - name: Install dependencies
+      apt:
+        name:
+          - apt-transport-https
+          - ca-certificates
+          - curl
+          - gnupg
+          - lsb-release
+        state: present
+        update_cache: yes
+
+    - name: Add Docker GPG key if not exists
+      command: bash -c "curl -fsSL https://download.docker.com/linux/ubuntu/gpg | gpg --dearmor -o /usr/share/keyrings/docker.gpg"
+      args:
+        creates: /usr/share/keyrings/docker.gpg
+
+    - name: Add Docker repository
+      apt_repository:
+        repo: "deb [arch=amd64 signed-by=/usr/share/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu {{ ansible_distribution_release }} stable"
+        state: present
+        update_cache: yes
+
+    - name: Install Docker packages
+      apt:
+        name:
+          - docker-ce
+          - docker-ce-cli
+          - containerd.io
+        state: present
+
+    - name: Check docker is active
+      service:
+        name: docker
+        state: started
+        enabled: yes
+
+    - name: Ensure group "docker" exists
+      ansible.builtin.group:
+        name: docker
+        state: present
+
+    - name: Install docker-compose
+      apt:
+        name: docker-compose-plugin
+        state: present
+
diff --git a/playbooks/roles/docker-install/tasks/main.yml b/playbooks/roles/docker-install/tasks/main.yml
new file mode 100644
index 0000000..6b332b5
--- /dev/null
+++ b/playbooks/roles/docker-install/tasks/main.yml
@@ -0,0 +1,48 @@
+---
+# tasks file for docker-install
+- name: Install dependencies
+  ansible.builtin.apt:
+    name:
+      - apt-transport-https
+      - ca-certificates
+      - curl
+      - gnupg
+      - lsb-release
+    state: present
+    update_cache: yes
+
+- name: Add Docker GPG key if not exists
+  command: bash -c "curl -fsSL https://download.docker.com/linux/ubuntu/gpg | gpg --dearmor -o /usr/share/keyrings/docker.gpg"
+  args:
+    creates: /usr/share/keyrings/docker.gpg
+
+- name: Add Docker repository
+  apt_repository:
+    repo: "deb [arch=amd64 signed-by=/usr/share/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu {{ ansible_distribution_release }} stable"
+    state: present
+    update_cache: yes
+
+- name: Install Docker packages
+  ansible.builtin.apt:
+    name:
+      - docker-ce
+      - docker-ce-cli
+      - containerd.io
+    state: present
+
+- name: Check docker is active
+  ansible.builtin.service:
+    name: docker
+    state: started
+    enabled: yes
+
+- name: Ensure group "docker" exists
+  ansible.builtin.group:
+    name: docker
+    state: present
+
+- name: Install docker-compose
+  ansible.builtin.apt:
+    name: docker-compose-plugin
+    state: present
+
diff --git a/playbooks/roles/docker-install/tests/test.yml b/playbooks/roles/docker-install/tests/test.yml
new file mode 100644
index 0000000..64d6ed0
--- /dev/null
+++ b/playbooks/roles/docker-install/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - docker-install
diff --git a/playbooks/roles/docker-install/vars/main.yml b/playbooks/roles/docker-install/vars/main.yml
new file mode 100644
index 0000000..9236146
--- /dev/null
+++ b/playbooks/roles/docker-install/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for docker-install
diff --git a/playbooks/roles/docker-networks/README.md b/playbooks/roles/docker-networks/README.md
new file mode 100644
index 0000000..225dd44
--- /dev/null
+++ b/playbooks/roles/docker-networks/README.md
@@ -0,0 +1,38 @@
+Role Name
+=========
+
+A brief description of the role goes here.
+
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+A description of the settable variables for this role should go here, including any variables that are in defaults/main.yml, vars/main.yml, and any variables that can/should be set via parameters to the role. Any variables that are read from other roles and/or the global scope (ie. hostvars, group vars, etc.) should be mentioned here as well.
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/docker-networks/defaults/main.yml b/playbooks/roles/docker-networks/defaults/main.yml
new file mode 100644
index 0000000..f3bef02
--- /dev/null
+++ b/playbooks/roles/docker-networks/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for docker-networks
diff --git a/playbooks/roles/docker-networks/handlers/main.yml b/playbooks/roles/docker-networks/handlers/main.yml
new file mode 100644
index 0000000..e188280
--- /dev/null
+++ b/playbooks/roles/docker-networks/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for docker-networks
diff --git a/playbooks/roles/docker-networks/meta/main.yml b/playbooks/roles/docker-networks/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/docker-networks/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/docker-networks/tasks/main.yml b/playbooks/roles/docker-networks/tasks/main.yml
new file mode 100644
index 0000000..9d12d97
--- /dev/null
+++ b/playbooks/roles/docker-networks/tasks/main.yml
@@ -0,0 +1,11 @@
+---
+# tasks file for docker-networks
+- name: Create a Docker bridge networks
+  community.docker.docker_network:
+    name: "{{ item.key }}"
+    driver: bridge
+    ipam_config:
+      - subnet: "{{ item.value.subnet }}"
+        gateway: "{{ item.value.gateway }}"
+    state: present
+  loop: "{{ docker_networks | dict2items }}"
diff --git a/playbooks/roles/docker-networks/tests/test.yml b/playbooks/roles/docker-networks/tests/test.yml
new file mode 100644
index 0000000..fdcbf79
--- /dev/null
+++ b/playbooks/roles/docker-networks/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - docker-networks
diff --git a/playbooks/roles/docker-networks/vars/main.yml b/playbooks/roles/docker-networks/vars/main.yml
new file mode 100644
index 0000000..1246f9b
--- /dev/null
+++ b/playbooks/roles/docker-networks/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for docker-networks
diff --git a/playbooks/roles/drone/README.md b/playbooks/roles/drone/README.md
new file mode 100644
index 0000000..225dd44
--- /dev/null
+++ b/playbooks/roles/drone/README.md
@@ -0,0 +1,38 @@
+Role Name
+=========
+
+A brief description of the role goes here.
+
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+A description of the settable variables for this role should go here, including any variables that are in defaults/main.yml, vars/main.yml, and any variables that can/should be set via parameters to the role. Any variables that are read from other roles and/or the global scope (ie. hostvars, group vars, etc.) should be mentioned here as well.
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/drone/defaults/main.yml b/playbooks/roles/drone/defaults/main.yml
new file mode 100644
index 0000000..8449e77
--- /dev/null
+++ b/playbooks/roles/drone/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for drone
diff --git a/playbooks/roles/drone/files/drone-compose.yaml b/playbooks/roles/drone/files/drone-compose.yaml
new file mode 100644
index 0000000..a088a60
--- /dev/null
+++ b/playbooks/roles/drone/files/drone-compose.yaml
@@ -0,0 +1,53 @@
+services:
+  drone:
+    container_name: drone
+    image: drone/drone:2.26.0
+    environment:
+      DRONE_RPC_SECRET: '${DRONE_RPC_SECRET}'
+      DRONE_SERVER_HOST: '${DRONE_SERVER_HOST}'
+      DRONE_GITEA_SERVER: 'https://${GIT_DOMAIN}'
+      DRONE_SERVER_PROTO: https
+      DRONE_GITEA_CLIENT_ID: '${DRONE_GITEA_CLIENT_ID}'
+      DRONE_GITEA_CLIENT_SECRET: '${DRONE_GITEA_CLIENT_SECRET}'
+      DRONE_DATABASE_DRIVER: postgres
+      DRONE_DATABASE_DATASOURCE: postgres://drone:dronepass@postgres:5432/drone_db?sslmode=disable
+    volumes:
+      - /srv/cicd/drone:/data
+      - /var/run/docker.sock:/var/run/docker.sock
+    restart: unless-stopped
+    networks:
+      - cicd_net
+
+  drone-runner:
+    container_name: drunner
+    image: drone/drone-runner-docker:1.8
+    environment:
+      DRONE_RPC_SECRET: ${DRONE_RPC_SECRET}
+      DRONE_RPC_HOST: drone
+      DRONE_RPC_PROTO: http
+      DRONE_RUNNER_CAPACITY: 2
+      DRONE_RUNNER_NAME: fun-runner
+
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+    restart: unless-stopped
+    depends_on:
+      - drone
+    networks:
+      - cicd_net
+
+  docker_registry:
+    container_name: docker_registry
+    image: registry:3.0.0
+    environment:
+      - OTEL_TRACES_EXPORTER=none
+    volumes:
+      - /srv/cicd/docker_registry:/var/lib/registry
+
+    restart: unless-stopped
+    networks:
+      - cicd_net
+
+networks:
+  cicd_net:
+    external: true
diff --git a/playbooks/roles/drone/handlers/main.yml b/playbooks/roles/drone/handlers/main.yml
new file mode 100644
index 0000000..18a1452
--- /dev/null
+++ b/playbooks/roles/drone/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for drone
diff --git a/playbooks/roles/drone/meta/main.yml b/playbooks/roles/drone/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/drone/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/drone/tasks/main.yml b/playbooks/roles/drone/tasks/main.yml
new file mode 100644
index 0000000..998891b
--- /dev/null
+++ b/playbooks/roles/drone/tasks/main.yml
@@ -0,0 +1,16 @@
+---
+# tasks file for drone
+
+- name: Copy Drone docker compose files
+  ansible.builtin.copy:
+    src: ../files/
+    dest: /home/{{ main_user }}/workdir/drone/
+    mode: '0640'
+    force: yes
+
+- name: Run Drone
+  community.docker.docker_compose_v2:
+    project_src: /home/{{ main_user }}/workdir/drone/
+    files: drone-compose.yaml
+    state: present
+    recreate: always
diff --git a/playbooks/roles/drone/tests/test.yml b/playbooks/roles/drone/tests/test.yml
new file mode 100644
index 0000000..e12fb0b
--- /dev/null
+++ b/playbooks/roles/drone/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - drone
diff --git a/playbooks/roles/drone/vars/main.yml b/playbooks/roles/drone/vars/main.yml
new file mode 100644
index 0000000..fdc897f
--- /dev/null
+++ b/playbooks/roles/drone/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for drone
diff --git a/playbooks/roles/firewall/README.md b/playbooks/roles/firewall/README.md
new file mode 100644
index 0000000..be3fff7
--- /dev/null
+++ b/playbooks/roles/firewall/README.md
@@ -0,0 +1,37 @@
+Firewall
+=========
+
+Install and configure firewall
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+- ports(list)
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/firewall/defaults/main.yml b/playbooks/roles/firewall/defaults/main.yml
new file mode 100644
index 0000000..c13f015
--- /dev/null
+++ b/playbooks/roles/firewall/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for firewall
diff --git a/playbooks/roles/firewall/handlers/main.yml b/playbooks/roles/firewall/handlers/main.yml
new file mode 100644
index 0000000..b2f0ee1
--- /dev/null
+++ b/playbooks/roles/firewall/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for firewall
diff --git a/playbooks/roles/firewall/meta/main.yml b/playbooks/roles/firewall/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/firewall/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/firewall/tasks/UFW-playbook.yaml.examples b/playbooks/roles/firewall/tasks/UFW-playbook.yaml.examples
new file mode 100644
index 0000000..f1d9090
--- /dev/null
+++ b/playbooks/roles/firewall/tasks/UFW-playbook.yaml.examples
@@ -0,0 +1,38 @@
+---
+- name: Install and configure UFW
+  hosts: main_server
+  become: yes
+  tasks:
+    - name: Install UFW
+      apt:
+        name:
+          - ufw
+        state: present
+        update_cache: yes
+
+    - name: Set default deny policy
+      ufw:
+        direction: incoming
+        policy: deny
+
+    - name: Allow required ports
+      ufw:
+        rule: allow
+        port: "{{ item.port }}"
+        proto: "{{ item.proto | default('tcp') }}"
+      loop:
+        - { port: "{{ gitea_ssh_port }}", proto: "tcp" }
+        - { port: "{{ main_ssh_port }}", proto: "tcp" }
+        - { port: "{{ https_port }}", proto: "tcp" }
+        - { port: "{{ http_port }}", proto: "tcp" }
+        - { port: "{{ db_port }}", proto: "tcp" }
+
+    - name: Enable UFW
+      ufw:
+        state: enabled
+
+    - name: restart UFW
+      service:
+        name: ufw
+        state: restarted
+
diff --git a/playbooks/roles/firewall/tasks/main.yml b/playbooks/roles/firewall/tasks/main.yml
new file mode 100644
index 0000000..040182d
--- /dev/null
+++ b/playbooks/roles/firewall/tasks/main.yml
@@ -0,0 +1,30 @@
+---
+# tasks file for firewall
+- name: Install UFW
+  ansible.builtin.apt:
+    name:
+      - ufw
+    state: present
+    update_cache: yes
+
+- name: Set default deny policy
+  ufw:
+    direction: incoming
+    policy: deny
+
+- name: Allow required ports
+  ufw:
+    rule: allow
+    port: "{{ item.value.port }}"
+    proto: "{{ item.value.proto | default('tcp') }}"
+  loop: "{{ ports | dict2items }}"
+
+- name: Enable UFW
+  ufw:
+    state: enabled
+
+- name: restart UFW
+  ansible.builtin.service:
+    name: ufw
+    state: restarted
+
diff --git a/playbooks/roles/firewall/tests/test.yml b/playbooks/roles/firewall/tests/test.yml
new file mode 100644
index 0000000..bd83350
--- /dev/null
+++ b/playbooks/roles/firewall/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - firewall
diff --git a/playbooks/roles/firewall/vars/main.yml b/playbooks/roles/firewall/vars/main.yml
new file mode 100644
index 0000000..c5faea3
--- /dev/null
+++ b/playbooks/roles/firewall/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for firewall
diff --git a/playbooks/roles/gitea/README.md b/playbooks/roles/gitea/README.md
new file mode 100644
index 0000000..225dd44
--- /dev/null
+++ b/playbooks/roles/gitea/README.md
@@ -0,0 +1,38 @@
+Role Name
+=========
+
+A brief description of the role goes here.
+
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+A description of the settable variables for this role should go here, including any variables that are in defaults/main.yml, vars/main.yml, and any variables that can/should be set via parameters to the role. Any variables that are read from other roles and/or the global scope (ie. hostvars, group vars, etc.) should be mentioned here as well.
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/gitea/defaults/main.yml b/playbooks/roles/gitea/defaults/main.yml
new file mode 100644
index 0000000..a48a822
--- /dev/null
+++ b/playbooks/roles/gitea/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for gitea
diff --git a/playbooks/roles/gitea/files/docker_files/gitea-compose.yaml b/playbooks/roles/gitea/files/docker_files/gitea-compose.yaml
new file mode 100644
index 0000000..97ff143
--- /dev/null
+++ b/playbooks/roles/gitea/files/docker_files/gitea-compose.yaml
@@ -0,0 +1,63 @@
+services:
+  postgres:
+    container_name: postgres
+    image: postgres:16.9-bullseye
+    environment:
+      POSTGRES_USER: ${MAIN_USER}
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
+    volumes:
+      - ./init.sql:/docker-entrypoint-initdb.d/init.sql
+      - /srv/cicd/postgres:/var/lib/postgresql/data
+    restart: unless-stopped
+    networks:
+      - cicd_net
+
+  gitea:
+    container_name: gitea
+    image: gitea/gitea:1.24
+    environment:
+      GITEA__security__SECRET_KEY: "${GITEA_SECRET_KEY}"
+      GITEA__security__INTERNAL_TOKEN: "${GITEA_INTERNAL_TOKEN}"
+      GITEA__server__APP_DATA_PATH: /data/gitea
+      GITEA__server__DOMAIN: ${GIT_DOMAIN}
+      GITEA__server__SSH_DOMAIN: ${GIT_DOMAIN}
+      GITEA__server__ROOT_URL: "https://${GIT_DOMAIN}/"
+      #      GITEA__server__SSH_PORT: 22
+      #      GITEA__server__SSH_LISTEN_PORT: 22
+      GITEA__server__LFS_START_SERVER: true
+      GITEA__server__LFS_JWT_SECRET: "${GITEA_JWT_SECRET}"
+      GITEA__database__DB_TYPE: postgres
+      GITEA__database__HOST: postgres:5432
+      GITEA__database__NAME: gitea_db
+      GITEA__database__USER: gitea
+      GITEA__database__PASSWD: giteapass
+      GITEA__service__DISABLE_REGISTRATION: true
+      GITEA__service__REQUIRE_SIGNIN_VIEW: false
+      GITEA__service__REGISTER_EMAIL_CONFIRM: false
+      GITEA__service__ENABLE_NOTIFY_MAIL: false
+      GITEA__service__ALLOW_ONLY_EXTERNAL_REGISTRATION: false
+      GITEA__service__ENABLE_CAPTCHA: true
+      GITEA__service__DEFAULT_KEEP_EMAIL_PRIVATE: true
+      GITEA__service__DEFAULT_ALLOW_CREATE_ORGANIZATION: true
+      GITEA__service__DEFAULT_ENABLE_TIMETRACKING: true
+      GITEA__service__NO_REPLY_ADDRESS: noreply.localhost
+      GITEA__service__DEFAULT_USER_IS_RESTRICTED: true
+      #gitea themes
+      GITEA__ui__THEMES:  ${GITEA_CATPPUCCIN}
+      GITEA__ui__DEFAULT_THEME: catppuccin-latte-rosewater
+      USER_ID: 1000
+      USER_GID: 1000
+    user: root
+    volumes:
+      - /srv/cicd/gitea_data:/data
+      - /etc/timezone:/etc/timezone:ro
+      - /etc/localtime:/etc/localtime:ro
+    restart: unless-stopped
+    depends_on:
+      - postgres
+    networks:
+      - cicd_net
+
+networks:
+  cicd_net:
+    external: true
diff --git a/playbooks/roles/gitea/files/docker_files/init.sql b/playbooks/roles/gitea/files/docker_files/init.sql
new file mode 100644
index 0000000..35646fc
--- /dev/null
+++ b/playbooks/roles/gitea/files/docker_files/init.sql
@@ -0,0 +1,8 @@
+CREATE USER drone WITH PASSWORD 'dronepass';
+CREATE USER gitea WITH PASSWORD 'giteapass';
+
+CREATE DATABASE drone_db OWNER drone;
+CREATE DATABASE gitea_db OWNER gitea;
+
+GRANT ALL PRIVILEGES ON DATABASE drone_db TO drone;
+GRANT ALL PRIVILEGES ON DATABASE gitea_db TO gitea;
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-blue-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-blue-auto.css
new file mode 100644
index 0000000..6bae60f
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-blue-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-blue.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-blue.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-flamingo-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-flamingo-auto.css
new file mode 100644
index 0000000..2d63734
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-flamingo-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-flamingo.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-flamingo.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-blue.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-blue.css
new file mode 100644
index 0000000..3e1de98
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-blue.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #8caaee;
+  --color-primary: #8caaee;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(117.7840909091, 153.5795454545, 234.7159090909);
+  --color-primary-dark-1: rgb(126.6704545455, 160.1477272727, 236.0295454545);
+  --color-primary-dark-2: rgb(113.3409090909, 150.2954545455, 234.0590909091);
+  --color-primary-dark-3: rgb(100.0113636364, 140.4431818182, 232.0886363636);
+  --color-primary-dark-4: rgb(86.6818181818, 130.5909090909, 230.1181818182);
+  --color-primary-dark-5: rgb(73.3522727273, 120.7386363636, 228.1477272727);
+  --color-primary-dark-6: rgb(60.0227272727, 110.8863636364, 226.1772727273);
+  --color-primary-dark-7: rgb(46.6931818182, 101.0340909091, 224.2068181818);
+  --color-primary-light-1: rgb(153.3295454545, 179.8522727273, 239.9704545455);
+  --color-primary-light-2: rgb(166.6590909091, 189.7045454545, 241.9409090909);
+  --color-primary-light-3: rgb(179.9886363636, 199.5568181818, 243.9113636364);
+  --color-primary-light-4: rgb(193.3181818182, 209.4090909091, 245.8818181818);
+  --color-primary-light-5: rgb(206.6477272727, 219.2613636364, 247.8522727273);
+  --color-primary-light-6: rgb(219.9772727273, 229.1136363636, 249.8227272727);
+  --color-primary-light-7: rgb(233.3068181818, 238.9659090909, 251.7931818182);
+  --color-primary-alpha-10: rgba(140, 170, 238, 0.1);
+  --color-primary-alpha-20: rgba(140, 170, 238, 0.2);
+  --color-primary-alpha-30: rgba(140, 170, 238, 0.3);
+  --color-primary-alpha-40: rgba(140, 170, 238, 0.4);
+  --color-primary-alpha-50: rgba(140, 170, 238, 0.5);
+  --color-primary-alpha-60: rgba(140, 170, 238, 0.6);
+  --color-primary-alpha-70: rgba(140, 170, 238, 0.7);
+  --color-primary-alpha-80: rgba(140, 170, 238, 0.8);
+  --color-primary-alpha-90: rgba(140, 170, 238, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #8caaee;
+  --color-label-hover-bg: rgb(113.3409090909, 150.2954545455, 234.0590909091);
+  --color-label-active-bg: rgb(126.6704545455, 160.1477272727, 236.0295454545);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(140, 170, 238, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #8caaee !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-flamingo.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-flamingo.css
new file mode 100644
index 0000000..3b11bfd
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-flamingo.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #eebebe;
+  --color-primary: #eebebe;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(232.7134146341, 169.7865853659, 169.7865853659);
+  --color-primary-dark-1: rgb(234.8280487805, 177.8719512195, 177.8719512195);
+  --color-primary-dark-2: rgb(231.656097561, 165.743902439, 165.743902439);
+  --color-primary-dark-3: rgb(228.4841463415, 153.6158536585, 153.6158536585);
+  --color-primary-dark-4: rgb(225.312195122, 141.487804878, 141.487804878);
+  --color-primary-dark-5: rgb(222.1402439024, 129.3597560976, 129.3597560976);
+  --color-primary-dark-6: rgb(218.9682926829, 117.2317073171, 117.2317073171);
+  --color-primary-dark-7: rgb(215.7963414634, 105.1036585366, 105.1036585366);
+  --color-primary-light-1: rgb(241.1719512195, 202.1280487805, 202.1280487805);
+  --color-primary-light-2: rgb(244.343902439, 214.256097561, 214.256097561);
+  --color-primary-light-3: rgb(247.5158536585, 226.3841463415, 226.3841463415);
+  --color-primary-light-4: rgb(250.687804878, 238.512195122, 238.512195122);
+  --color-primary-light-5: rgb(253.8597560976, 250.6402439024, 250.6402439024);
+  --color-primary-light-6: hsl(0, 58.5365853659%, 101.9215686275%);
+  --color-primary-light-7: hsl(0, 58.5365853659%, 104.9215686275%);
+  --color-primary-alpha-10: rgba(238, 190, 190, 0.1);
+  --color-primary-alpha-20: rgba(238, 190, 190, 0.2);
+  --color-primary-alpha-30: rgba(238, 190, 190, 0.3);
+  --color-primary-alpha-40: rgba(238, 190, 190, 0.4);
+  --color-primary-alpha-50: rgba(238, 190, 190, 0.5);
+  --color-primary-alpha-60: rgba(238, 190, 190, 0.6);
+  --color-primary-alpha-70: rgba(238, 190, 190, 0.7);
+  --color-primary-alpha-80: rgba(238, 190, 190, 0.8);
+  --color-primary-alpha-90: rgba(238, 190, 190, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #eebebe;
+  --color-label-hover-bg: rgb(231.656097561, 165.743902439, 165.743902439);
+  --color-label-active-bg: rgb(234.8280487805, 177.8719512195, 177.8719512195);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(238, 190, 190, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #eebebe !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-green.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-green.css
new file mode 100644
index 0000000..38d93ad
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-green.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #a6d189;
+  --color-primary: #a6d189;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-primary-dark-1: rgb(157.6969512195, 204.7085365854, 125.9914634146);
+  --color-primary-dark-2: rgb(149.393902439, 200.4170731707, 114.9829268293);
+  --color-primary-dark-3: rgb(141.0908536585, 196.1256097561, 103.9743902439);
+  --color-primary-dark-4: rgb(132.787804878, 191.8341463415, 92.9658536585);
+  --color-primary-dark-5: rgb(124.4847560976, 187.5426829268, 81.9573170732);
+  --color-primary-dark-6: rgb(116.25, 182.9, 71.3);
+  --color-primary-dark-7: rgb(109.2530487805, 171.8914634146, 67.0085365854);
+  --color-primary-light-1: rgb(174.3030487805, 213.2914634146, 148.0085365854);
+  --color-primary-light-2: rgb(182.606097561, 217.5829268293, 159.0170731707);
+  --color-primary-light-3: rgb(190.9091463415, 221.8743902439, 170.0256097561);
+  --color-primary-light-4: rgb(199.212195122, 226.1658536585, 181.0341463415);
+  --color-primary-light-5: rgb(207.5152439024, 230.4573170732, 192.0426829268);
+  --color-primary-light-6: rgb(215.8182926829, 234.7487804878, 203.0512195122);
+  --color-primary-light-7: rgb(224.1213414634, 239.0402439024, 214.0597560976);
+  --color-primary-alpha-10: rgba(166, 209, 137, 0.1);
+  --color-primary-alpha-20: rgba(166, 209, 137, 0.2);
+  --color-primary-alpha-30: rgba(166, 209, 137, 0.3);
+  --color-primary-alpha-40: rgba(166, 209, 137, 0.4);
+  --color-primary-alpha-50: rgba(166, 209, 137, 0.5);
+  --color-primary-alpha-60: rgba(166, 209, 137, 0.6);
+  --color-primary-alpha-70: rgba(166, 209, 137, 0.7);
+  --color-primary-alpha-80: rgba(166, 209, 137, 0.8);
+  --color-primary-alpha-90: rgba(166, 209, 137, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #a6d189;
+  --color-label-hover-bg: rgb(149.393902439, 200.4170731707, 114.9829268293);
+  --color-label-active-bg: rgb(157.6969512195, 204.7085365854, 125.9914634146);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(166, 209, 137, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #a6d189 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-lavender.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-lavender.css
new file mode 100644
index 0000000..bd0bf3f
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-lavender.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #babbf1;
+  --color-primary: #babbf1;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(164.8012048193, 166.1084337349, 236.6987951807);
+  --color-primary-dark-1: rgb(173.2807228916, 174.465060241, 238.4192771084);
+  --color-primary-dark-2: rgb(160.5614457831, 161.9301204819, 235.8385542169);
+  --color-primary-dark-3: rgb(147.8421686747, 149.3951807229, 233.2578313253);
+  --color-primary-dark-4: rgb(135.1228915663, 136.8602409639, 230.6771084337);
+  --color-primary-dark-5: rgb(122.4036144578, 124.3253012048, 228.0963855422);
+  --color-primary-dark-6: rgb(109.6843373494, 111.7903614458, 225.5156626506);
+  --color-primary-dark-7: rgb(96.965060241, 99.2554216867, 222.934939759);
+  --color-primary-light-1: rgb(198.7192771084, 199.534939759, 243.5807228916);
+  --color-primary-light-2: rgb(211.4385542169, 212.0698795181, 246.1614457831);
+  --color-primary-light-3: rgb(224.1578313253, 224.6048192771, 248.7421686747);
+  --color-primary-light-4: rgb(236.8771084337, 237.1397590361, 251.3228915663);
+  --color-primary-light-5: rgb(249.5963855422, 249.6746987952, 253.9036144578);
+  --color-primary-light-6: hsl(238.9090909091, 66.265060241%, 101.7254901961%);
+  --color-primary-light-7: hsl(238.9090909091, 66.265060241%, 104.7254901961%);
+  --color-primary-alpha-10: rgba(186, 187, 241, 0.1);
+  --color-primary-alpha-20: rgba(186, 187, 241, 0.2);
+  --color-primary-alpha-30: rgba(186, 187, 241, 0.3);
+  --color-primary-alpha-40: rgba(186, 187, 241, 0.4);
+  --color-primary-alpha-50: rgba(186, 187, 241, 0.5);
+  --color-primary-alpha-60: rgba(186, 187, 241, 0.6);
+  --color-primary-alpha-70: rgba(186, 187, 241, 0.7);
+  --color-primary-alpha-80: rgba(186, 187, 241, 0.8);
+  --color-primary-alpha-90: rgba(186, 187, 241, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #babbf1;
+  --color-label-hover-bg: rgb(160.5614457831, 161.9301204819, 235.8385542169);
+  --color-label-active-bg: rgb(173.2807228916, 174.465060241, 238.4192771084);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(186, 187, 241, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #babbf1 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-maroon.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-maroon.css
new file mode 100644
index 0000000..b300136
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-maroon.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #ea999c;
+  --color-primary: #ea999c;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(229.6463414634, 131.8536585366, 135.4756097561);
+  --color-primary-dark-1: rgb(231.387804878, 140.312195122, 143.6853658537);
+  --color-primary-dark-2: rgb(228.7756097561, 127.6243902439, 131.3707317073);
+  --color-primary-dark-3: rgb(226.1634146341, 114.9365853659, 119.056097561);
+  --color-primary-dark-4: rgb(223.5512195122, 102.2487804878, 106.7414634146);
+  --color-primary-dark-5: rgb(220.9390243902, 89.5609756098, 94.4268292683);
+  --color-primary-dark-6: rgb(218.3268292683, 76.8731707317, 82.112195122);
+  --color-primary-dark-7: rgb(215.7146341463, 64.1853658537, 69.7975609756);
+  --color-primary-light-1: rgb(236.612195122, 165.687804878, 168.3146341463);
+  --color-primary-light-2: rgb(239.2243902439, 178.3756097561, 180.6292682927);
+  --color-primary-light-3: rgb(241.8365853659, 191.0634146341, 192.943902439);
+  --color-primary-light-4: rgb(244.4487804878, 203.7512195122, 205.2585365854);
+  --color-primary-light-5: rgb(247.0609756098, 216.4390243902, 217.5731707317);
+  --color-primary-light-6: rgb(249.6731707317, 229.1268292683, 229.887804878);
+  --color-primary-light-7: rgb(252.2853658537, 241.8146341463, 242.2024390244);
+  --color-primary-alpha-10: rgba(234, 153, 156, 0.1);
+  --color-primary-alpha-20: rgba(234, 153, 156, 0.2);
+  --color-primary-alpha-30: rgba(234, 153, 156, 0.3);
+  --color-primary-alpha-40: rgba(234, 153, 156, 0.4);
+  --color-primary-alpha-50: rgba(234, 153, 156, 0.5);
+  --color-primary-alpha-60: rgba(234, 153, 156, 0.6);
+  --color-primary-alpha-70: rgba(234, 153, 156, 0.7);
+  --color-primary-alpha-80: rgba(234, 153, 156, 0.8);
+  --color-primary-alpha-90: rgba(234, 153, 156, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #ea999c;
+  --color-label-hover-bg: rgb(228.7756097561, 127.6243902439, 131.3707317073);
+  --color-label-active-bg: rgb(231.387804878, 140.312195122, 143.6853658537);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(234, 153, 156, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #ea999c !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-mauve.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-mauve.css
new file mode 100644
index 0000000..488390f
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-mauve.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #ca9ee6;
+  --color-primary: #ca9ee6;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(190.9221311475, 137.7254098361, 224.7745901639);
+  --color-primary-dark-1: rgb(195.3532786885, 145.8352459016, 226.8647540984);
+  --color-primary-dark-2: rgb(188.706557377, 133.6704918033, 223.7295081967);
+  --color-primary-dark-3: rgb(182.0598360656, 121.5057377049, 220.5942622951);
+  --color-primary-dark-4: rgb(175.4131147541, 109.3409836066, 217.4590163934);
+  --color-primary-dark-5: rgb(168.7663934426, 97.1762295082, 214.3237704918);
+  --color-primary-dark-6: rgb(162.1196721311, 85.0114754098, 211.1885245902);
+  --color-primary-dark-7: rgb(155.4729508197, 72.8467213115, 208.0532786885);
+  --color-primary-light-1: rgb(208.6467213115, 170.1647540984, 233.1352459016);
+  --color-primary-light-2: rgb(215.293442623, 182.3295081967, 236.2704918033);
+  --color-primary-light-3: rgb(221.9401639344, 194.4942622951, 239.4057377049);
+  --color-primary-light-4: rgb(228.5868852459, 206.6590163934, 242.5409836066);
+  --color-primary-light-5: rgb(235.2336065574, 218.8237704918, 245.6762295082);
+  --color-primary-light-6: rgb(241.8803278689, 230.9885245902, 248.8114754098);
+  --color-primary-light-7: rgb(248.5270491803, 243.1532786885, 251.9467213115);
+  --color-primary-alpha-10: rgba(202, 158, 230, 0.1);
+  --color-primary-alpha-20: rgba(202, 158, 230, 0.2);
+  --color-primary-alpha-30: rgba(202, 158, 230, 0.3);
+  --color-primary-alpha-40: rgba(202, 158, 230, 0.4);
+  --color-primary-alpha-50: rgba(202, 158, 230, 0.5);
+  --color-primary-alpha-60: rgba(202, 158, 230, 0.6);
+  --color-primary-alpha-70: rgba(202, 158, 230, 0.7);
+  --color-primary-alpha-80: rgba(202, 158, 230, 0.8);
+  --color-primary-alpha-90: rgba(202, 158, 230, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #ca9ee6;
+  --color-label-hover-bg: rgb(188.706557377, 133.6704918033, 223.7295081967);
+  --color-label-active-bg: rgb(195.3532786885, 145.8352459016, 226.8647540984);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(202, 158, 230, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-peach.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-peach.css
new file mode 100644
index 0000000..b4ae643
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-peach.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #ef9f76;
+  --color-primary: #ef9f76;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(236.3333333333, 143, 95.1666666667);
+  --color-primary-dark-1: rgb(237.4, 149.4, 104.3);
+  --color-primary-dark-2: rgb(235.8, 139.8, 90.6);
+  --color-primary-dark-3: rgb(234.2, 130.2, 76.9);
+  --color-primary-dark-4: rgb(232.6, 120.6, 63.2);
+  --color-primary-dark-5: rgb(231, 111, 49.5);
+  --color-primary-dark-6: rgb(229.4, 101.4, 35.8);
+  --color-primary-dark-7: rgb(223.7666666667, 93.1, 26.1333333333);
+  --color-primary-light-1: rgb(240.6, 168.6, 131.7);
+  --color-primary-light-2: rgb(242.2, 178.2, 145.4);
+  --color-primary-light-3: rgb(243.8, 187.8, 159.1);
+  --color-primary-light-4: rgb(245.4, 197.4, 172.8);
+  --color-primary-light-5: rgb(247, 207, 186.5);
+  --color-primary-light-6: rgb(248.6, 216.6, 200.2);
+  --color-primary-light-7: rgb(250.2, 226.2, 213.9);
+  --color-primary-alpha-10: rgba(239, 159, 118, 0.1);
+  --color-primary-alpha-20: rgba(239, 159, 118, 0.2);
+  --color-primary-alpha-30: rgba(239, 159, 118, 0.3);
+  --color-primary-alpha-40: rgba(239, 159, 118, 0.4);
+  --color-primary-alpha-50: rgba(239, 159, 118, 0.5);
+  --color-primary-alpha-60: rgba(239, 159, 118, 0.6);
+  --color-primary-alpha-70: rgba(239, 159, 118, 0.7);
+  --color-primary-alpha-80: rgba(239, 159, 118, 0.8);
+  --color-primary-alpha-90: rgba(239, 159, 118, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #ef9f76;
+  --color-label-hover-bg: rgb(235.8, 139.8, 90.6);
+  --color-label-active-bg: rgb(237.4, 149.4, 104.3);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(239, 159, 118, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #ef9f76 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-pink.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-pink.css
new file mode 100644
index 0000000..2d4c195
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-pink.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f4b8e4;
+  --color-primary: #f4b8e4;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(240.5792682927, 161.9207317073, 219.6036585366);
+  --color-primary-dark-1: rgb(241.9475609756, 170.7524390244, 222.962195122);
+  --color-primary-dark-2: rgb(239.8951219512, 157.5048780488, 217.9243902439);
+  --color-primary-dark-3: rgb(237.8426829268, 144.2573170732, 212.8865853659);
+  --color-primary-dark-4: rgb(235.7902439024, 131.0097560976, 207.8487804878);
+  --color-primary-dark-5: rgb(233.737804878, 117.762195122, 202.8109756098);
+  --color-primary-dark-6: rgb(231.6853658537, 104.5146341463, 197.7731707317);
+  --color-primary-dark-7: rgb(229.6329268293, 91.2670731707, 192.7353658537);
+  --color-primary-light-1: rgb(246.0524390244, 197.2475609756, 233.037804878);
+  --color-primary-light-2: rgb(248.1048780488, 210.4951219512, 238.0756097561);
+  --color-primary-light-3: rgb(250.1573170732, 223.7426829268, 243.1134146341);
+  --color-primary-light-4: rgb(252.2097560976, 236.9902439024, 248.1512195122);
+  --color-primary-light-5: rgb(254.262195122, 250.237804878, 253.1890243902);
+  --color-primary-light-6: hsl(316, 73.1707317073%, 101.9215686275%);
+  --color-primary-light-7: hsl(316, 73.1707317073%, 104.9215686275%);
+  --color-primary-alpha-10: rgba(244, 184, 228, 0.1);
+  --color-primary-alpha-20: rgba(244, 184, 228, 0.2);
+  --color-primary-alpha-30: rgba(244, 184, 228, 0.3);
+  --color-primary-alpha-40: rgba(244, 184, 228, 0.4);
+  --color-primary-alpha-50: rgba(244, 184, 228, 0.5);
+  --color-primary-alpha-60: rgba(244, 184, 228, 0.6);
+  --color-primary-alpha-70: rgba(244, 184, 228, 0.7);
+  --color-primary-alpha-80: rgba(244, 184, 228, 0.8);
+  --color-primary-alpha-90: rgba(244, 184, 228, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #f4b8e4;
+  --color-label-hover-bg: rgb(239.8951219512, 157.5048780488, 217.9243902439);
+  --color-label-active-bg: rgb(241.9475609756, 170.7524390244, 222.962195122);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(244, 184, 228, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-red.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-red.css
new file mode 100644
index 0000000..9ab3587
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-red.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #e78284;
+  --color-primary: #e78284;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-primary-dark-1: rgb(228.5355704698, 117.1644295302, 119.3697986577);
+  --color-primary-dark-2: rgb(226.0711409396, 104.3288590604, 106.7395973154);
+  --color-primary-dark-3: rgb(223.6067114094, 91.4932885906, 94.1093959732);
+  --color-primary-dark-4: rgb(221.1422818792, 78.6577181208, 81.4791946309);
+  --color-primary-dark-5: rgb(218.677852349, 65.822147651, 68.8489932886);
+  --color-primary-dark-6: rgb(216.2134228188, 52.9865771812, 56.2187919463);
+  --color-primary-dark-7: rgb(213.0033557047, 40.8966442953, 44.3046979866);
+  --color-primary-light-1: rgb(233.4644295302, 142.8355704698, 144.6302013423);
+  --color-primary-light-2: rgb(235.9288590604, 155.6711409396, 157.2604026846);
+  --color-primary-light-3: rgb(238.3932885906, 168.5067114094, 169.8906040268);
+  --color-primary-light-4: rgb(240.8577181208, 181.3422818792, 182.5208053691);
+  --color-primary-light-5: rgb(243.322147651, 194.177852349, 195.1510067114);
+  --color-primary-light-6: rgb(245.7865771812, 207.0134228188, 207.7812080537);
+  --color-primary-light-7: rgb(248.2510067114, 219.8489932886, 220.411409396);
+  --color-primary-alpha-10: rgba(231, 130, 132, 0.1);
+  --color-primary-alpha-20: rgba(231, 130, 132, 0.2);
+  --color-primary-alpha-30: rgba(231, 130, 132, 0.3);
+  --color-primary-alpha-40: rgba(231, 130, 132, 0.4);
+  --color-primary-alpha-50: rgba(231, 130, 132, 0.5);
+  --color-primary-alpha-60: rgba(231, 130, 132, 0.6);
+  --color-primary-alpha-70: rgba(231, 130, 132, 0.7);
+  --color-primary-alpha-80: rgba(231, 130, 132, 0.8);
+  --color-primary-alpha-90: rgba(231, 130, 132, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #e78284;
+  --color-label-hover-bg: rgb(226.0711409396, 104.3288590604, 106.7395973154);
+  --color-label-active-bg: rgb(228.5355704698, 117.1644295302, 119.3697986577);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(231, 130, 132, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #e78284 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-rosewater.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-rosewater.css
new file mode 100644
index 0000000..36c4e93
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-rosewater.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f2d5cf;
+  --color-primary: #f2d5cf;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(236.5655737705, 195.4426229508, 186.9344262295);
+  --color-primary-dark-1: rgb(238.7393442623, 202.4655737705, 194.9606557377);
+  --color-primary-dark-2: rgb(235.4786885246, 191.931147541, 182.9213114754);
+  --color-primary-dark-3: rgb(232.2180327869, 181.3967213115, 170.8819672131);
+  --color-primary-dark-4: rgb(228.9573770492, 170.862295082, 158.8426229508);
+  --color-primary-dark-5: rgb(225.6967213115, 160.3278688525, 146.8032786885);
+  --color-primary-dark-6: rgb(222.4360655738, 149.793442623, 134.7639344262);
+  --color-primary-dark-7: rgb(219.1754098361, 139.2590163934, 122.7245901639);
+  --color-primary-light-1: rgb(245.2606557377, 223.5344262295, 219.0393442623);
+  --color-primary-light-2: rgb(248.5213114754, 234.068852459, 231.0786885246);
+  --color-primary-light-3: rgb(251.7819672131, 244.6032786885, 243.1180327869);
+  --color-primary-light-4: hsl(10.2857142857, 57.3770491804%, 100.0392156863%);
+  --color-primary-light-5: hsl(10.2857142857, 57.3770491803%, 103.0392156863%);
+  --color-primary-light-6: hsl(10.2857142857, 57.3770491803%, 106.0392156863%);
+  --color-primary-light-7: hsl(10.2857142857, 57.3770491803%, 109.0392156863%);
+  --color-primary-alpha-10: rgba(242, 213, 207, 0.1);
+  --color-primary-alpha-20: rgba(242, 213, 207, 0.2);
+  --color-primary-alpha-30: rgba(242, 213, 207, 0.3);
+  --color-primary-alpha-40: rgba(242, 213, 207, 0.4);
+  --color-primary-alpha-50: rgba(242, 213, 207, 0.5);
+  --color-primary-alpha-60: rgba(242, 213, 207, 0.6);
+  --color-primary-alpha-70: rgba(242, 213, 207, 0.7);
+  --color-primary-alpha-80: rgba(242, 213, 207, 0.8);
+  --color-primary-alpha-90: rgba(242, 213, 207, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #f2d5cf;
+  --color-label-hover-bg: rgb(235.4786885246, 191.931147541, 182.9213114754);
+  --color-label-active-bg: rgb(238.7393442623, 202.4655737705, 194.9606557377);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(242, 213, 207, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f2d5cf !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-sapphire.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-sapphire.css
new file mode 100644
index 0000000..95c97b4
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-sapphire.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #85c1dc;
+  --color-primary: #85c1dc;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(113.1847133758, 182.9299363057, 214.3152866242);
+  --color-primary-dark-1: rgb(121.1108280255, 186.9579617834, 216.5891719745);
+  --color-primary-dark-2: rgb(109.221656051, 180.9159235669, 213.178343949);
+  --color-primary-dark-3: rgb(97.3324840764, 174.8738853503, 209.7675159236);
+  --color-primary-dark-4: rgb(85.4433121019, 168.8318471338, 206.3566878981);
+  --color-primary-dark-5: rgb(73.5541401274, 162.7898089172, 202.9458598726);
+  --color-primary-dark-6: rgb(61.6649681529, 156.7477707006, 199.5350318471);
+  --color-primary-dark-7: rgb(54.8184713376, 148.7929936306, 191.0815286624);
+  --color-primary-light-1: rgb(144.8891719745, 199.0420382166, 223.4108280255);
+  --color-primary-light-2: rgb(156.778343949, 205.0840764331, 226.821656051);
+  --color-primary-light-3: rgb(168.6675159236, 211.1261146497, 230.2324840764);
+  --color-primary-light-4: rgb(180.5566878981, 217.1681528662, 233.6433121019);
+  --color-primary-light-5: rgb(192.4458598726, 223.2101910828, 237.0541401274);
+  --color-primary-light-6: rgb(204.3350318471, 229.2522292994, 240.4649681529);
+  --color-primary-light-7: rgb(216.2242038217, 235.2942675159, 243.8757961783);
+  --color-primary-alpha-10: rgba(133, 193, 220, 0.1);
+  --color-primary-alpha-20: rgba(133, 193, 220, 0.2);
+  --color-primary-alpha-30: rgba(133, 193, 220, 0.3);
+  --color-primary-alpha-40: rgba(133, 193, 220, 0.4);
+  --color-primary-alpha-50: rgba(133, 193, 220, 0.5);
+  --color-primary-alpha-60: rgba(133, 193, 220, 0.6);
+  --color-primary-alpha-70: rgba(133, 193, 220, 0.7);
+  --color-primary-alpha-80: rgba(133, 193, 220, 0.8);
+  --color-primary-alpha-90: rgba(133, 193, 220, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #85c1dc;
+  --color-label-hover-bg: rgb(109.221656051, 180.9159235669, 213.178343949);
+  --color-label-active-bg: rgb(121.1108280255, 186.9579617834, 216.5891719745);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(133, 193, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #85c1dc !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-sky.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-sky.css
new file mode 100644
index 0000000..08c09b6
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-sky.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #99d1db;
+  --color-primary: #99d1db;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(134.152173913, 200.5, 212.347826087);
+  --color-primary-dark-1: rgb(141.6913043478, 203.9, 215.0086956522);
+  --color-primary-dark-2: rgb(130.3826086957, 198.8, 211.0173913043);
+  --color-primary-dark-3: rgb(119.0739130435, 193.7, 207.0260869565);
+  --color-primary-dark-4: rgb(107.7652173913, 188.6, 203.0347826087);
+  --color-primary-dark-5: rgb(96.4565217391, 183.5, 199.0434782609);
+  --color-primary-dark-6: rgb(85.147826087, 178.4, 195.052173913);
+  --color-primary-dark-7: rgb(73.8391304348, 173.3, 191.0608695652);
+  --color-primary-light-1: rgb(164.3086956522, 214.1, 222.9913043478);
+  --color-primary-light-2: rgb(175.6173913043, 219.2, 226.9826086957);
+  --color-primary-light-3: rgb(186.9260869565, 224.3, 230.9739130435);
+  --color-primary-light-4: rgb(198.2347826087, 229.4, 234.9652173913);
+  --color-primary-light-5: rgb(209.5434782609, 234.5, 238.9565217391);
+  --color-primary-light-6: rgb(220.852173913, 239.6, 242.947826087);
+  --color-primary-light-7: rgb(232.1608695652, 244.7, 246.9391304348);
+  --color-primary-alpha-10: rgba(153, 209, 219, 0.1);
+  --color-primary-alpha-20: rgba(153, 209, 219, 0.2);
+  --color-primary-alpha-30: rgba(153, 209, 219, 0.3);
+  --color-primary-alpha-40: rgba(153, 209, 219, 0.4);
+  --color-primary-alpha-50: rgba(153, 209, 219, 0.5);
+  --color-primary-alpha-60: rgba(153, 209, 219, 0.6);
+  --color-primary-alpha-70: rgba(153, 209, 219, 0.7);
+  --color-primary-alpha-80: rgba(153, 209, 219, 0.8);
+  --color-primary-alpha-90: rgba(153, 209, 219, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #99d1db;
+  --color-label-hover-bg: rgb(130.3826086957, 198.8, 211.0173913043);
+  --color-label-active-bg: rgb(141.6913043478, 203.9, 215.0086956522);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(153, 209, 219, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #99d1db !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-teal.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-teal.css
new file mode 100644
index 0000000..a624d5d
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-teal.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #81c8be;
+  --color-primary: #81c8be;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(111.2486187845, 192.2513812155, 180.8425414365);
+  --color-primary-dark-1: rgb(118.3491712707, 195.3508287293, 184.5055248619);
+  --color-primary-dark-2: rgb(107.6983425414, 190.7016574586, 179.0110497238);
+  --color-primary-dark-3: rgb(97.0475138122, 186.0524861878, 173.5165745856);
+  --color-primary-dark-4: rgb(86.3966850829, 181.4033149171, 168.0220994475);
+  --color-primary-dark-5: rgb(76.726519337, 175.773480663, 161.8232044199);
+  --color-primary-dark-6: rgb(72.0773480663, 165.1226519337, 152.017679558);
+  --color-primary-dark-7: rgb(67.4281767956, 154.4718232044, 142.2121546961);
+  --color-primary-light-1: rgb(139.6508287293, 204.6491712707, 195.4944751381);
+  --color-primary-light-2: rgb(150.3016574586, 209.2983425414, 200.9889502762);
+  --color-primary-light-3: rgb(160.9524861878, 213.9475138122, 206.4834254144);
+  --color-primary-light-4: rgb(171.6033149171, 218.5966850829, 211.9779005525);
+  --color-primary-light-5: rgb(182.2541436464, 223.2458563536, 217.4723756906);
+  --color-primary-light-6: rgb(192.9049723757, 227.8950276243, 222.9668508287);
+  --color-primary-light-7: rgb(203.555801105, 232.544198895, 228.4613259669);
+  --color-primary-alpha-10: rgba(129, 200, 190, 0.1);
+  --color-primary-alpha-20: rgba(129, 200, 190, 0.2);
+  --color-primary-alpha-30: rgba(129, 200, 190, 0.3);
+  --color-primary-alpha-40: rgba(129, 200, 190, 0.4);
+  --color-primary-alpha-50: rgba(129, 200, 190, 0.5);
+  --color-primary-alpha-60: rgba(129, 200, 190, 0.6);
+  --color-primary-alpha-70: rgba(129, 200, 190, 0.7);
+  --color-primary-alpha-80: rgba(129, 200, 190, 0.8);
+  --color-primary-alpha-90: rgba(129, 200, 190, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #81c8be;
+  --color-label-hover-bg: rgb(107.6983425414, 190.7016574586, 179.0110497238);
+  --color-label-active-bg: rgb(118.3491712707, 195.3508287293, 184.5055248619);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(129, 200, 190, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #81c8be !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-yellow.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-yellow.css
new file mode 100644
index 0000000..2bed1bd
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-frappe-yellow.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #e5c890;
+  --color-primary: #e5c890;
+  --color-primary-contrast: #232634;
+  --color-primary-hover: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-primary-dark-1: rgb(226.096350365, 193.8576642336, 131.603649635);
+  --color-primary-dark-2: rgb(223.1927007299, 187.7153284672, 119.2072992701);
+  --color-primary-dark-3: rgb(220.2890510949, 181.5729927007, 106.8109489051);
+  --color-primary-dark-4: rgb(217.3854014599, 175.4306569343, 94.4145985401);
+  --color-primary-dark-5: rgb(214.4817518248, 169.2883211679, 82.0182481752);
+  --color-primary-dark-6: rgb(211.5781021898, 163.1459854015, 69.6218978102);
+  --color-primary-dark-7: rgb(208.6744525547, 157.003649635, 57.2255474453);
+  --color-primary-light-1: rgb(231.903649635, 206.1423357664, 156.396350365);
+  --color-primary-light-2: rgb(234.8072992701, 212.2846715328, 168.7927007299);
+  --color-primary-light-3: rgb(237.7109489051, 218.4270072993, 181.1890510949);
+  --color-primary-light-4: rgb(240.6145985401, 224.5693430657, 193.5854014599);
+  --color-primary-light-5: rgb(243.5182481752, 230.7116788321, 205.9817518248);
+  --color-primary-light-6: rgb(246.4218978102, 236.8540145985, 218.3781021898);
+  --color-primary-light-7: rgb(249.3255474453, 242.996350365, 230.7744525547);
+  --color-primary-alpha-10: rgba(229, 200, 144, 0.1);
+  --color-primary-alpha-20: rgba(229, 200, 144, 0.2);
+  --color-primary-alpha-30: rgba(229, 200, 144, 0.3);
+  --color-primary-alpha-40: rgba(229, 200, 144, 0.4);
+  --color-primary-alpha-50: rgba(229, 200, 144, 0.5);
+  --color-primary-alpha-60: rgba(229, 200, 144, 0.6);
+  --color-primary-alpha-70: rgba(229, 200, 144, 0.7);
+  --color-primary-alpha-80: rgba(229, 200, 144, 0.8);
+  --color-primary-alpha-90: rgba(229, 200, 144, 0.9);
+  --color-secondary: #51576d;
+  --color-secondary-dark-1: rgb(71.4577922078, 75.8551948052, 97.8422077922);
+  --color-secondary-dark-2: rgb(77.9155844156, 82.7103896104, 106.6844155844);
+  --color-secondary-dark-3: rgb(84.3733766234, 89.5655844156, 115.5266233766);
+  --color-secondary-dark-4: rgb(90.8311688312, 96.4207792208, 124.3688311688);
+  --color-secondary-dark-5: rgb(97.288961039, 103.275974026, 133.211038961);
+  --color-secondary-dark-6: rgb(103.7467532468, 110.1311688312, 142.0532467532);
+  --color-secondary-dark-7: rgb(111.1551948052, 117.6201298701, 149.9448051948);
+  --color-secondary-dark-8: rgb(119.9974025974, 126.0649350649, 156.4025974026);
+  --color-secondary-dark-9: rgb(128.8396103896, 134.5097402597, 162.8603896104);
+  --color-secondary-dark-10: rgb(137.6818181818, 142.9545454545, 169.3181818182);
+  --color-secondary-dark-11: rgb(146.524025974, 151.3993506494, 175.775974026);
+  --color-secondary-dark-12: rgb(155.3662337662, 159.8441558442, 182.2337662338);
+  --color-secondary-dark-13: rgb(164.2084415584, 168.288961039, 188.6915584416);
+  --color-secondary-light-1: rgb(58.5422077922, 62.1448051948, 80.1577922078);
+  --color-secondary-light-2: rgb(52.0844155844, 55.2896103896, 71.3155844156);
+  --color-secondary-light-3: rgb(45.6266233766, 48.4344155844, 62.4733766234);
+  --color-secondary-light-4: rgb(39.1688311688, 41.5792207792, 53.6311688312);
+  --color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
+  --color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
+  --color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
+  --color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
+  --color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
+  --color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
+  --color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
+  --color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
+  --color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
+  /* colors */
+  --color-red: #e78284;
+  --color-orange: #ef9f76;
+  --color-yellow: #e5c890;
+  --color-olive: #a6d189;
+  --color-green: #a6d189;
+  --color-teal: #81c8be;
+  --color-blue: #8caaee;
+  --color-violet: #babbf1;
+  --color-purple: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-brown: #eebebe;
+  --color-grey: #949cbb;
+  --color-black: #292c3c;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-light: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-light: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-light: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-light: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-light: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-light: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-light: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-light: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-light: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-grey-light: rgb(116.8171428571, 127.1485714286, 167.1828571429);
+  --color-black-light: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-orange-dark-1: rgb(233.6666666667, 127, 72.3333333333);
+  --color-yellow-dark-1: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-olive-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-green-dark-1: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-teal-dark-1: rgb(93.4972375691, 184.5027624309, 171.6850828729);
+  --color-blue-dark-1: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-violet-dark-1: rgb(143.6024096386, 145.2168674699, 232.3975903614);
+  --color-purple-dark-1: rgb(179.8442622951, 117.4508196721, 219.5491803279);
+  --color-pink-dark-1: rgb(237.1585365854, 139.8414634146, 211.2073170732);
+  --color-brown-dark-1: rgb(227.4268292683, 149.5731707317, 149.5731707317);
+  --color-black-dark-1: rgb(20.297029703, 21.7821782178, 29.702970297);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(214.5704697987, 44.4295302013, 47.7986577181);
+  --color-orange-dark-2: rgb(228.3333333333, 95, 26.6666666667);
+  --color-yellow-dark-2: rgb(209.6423357664, 159.0510948905, 61.3576642336);
+  --color-olive-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-green-dark-2: rgb(111.5853658537, 175.5609756098, 68.4390243902);
+  --color-teal-dark-2: rgb(68.9779005525, 158.0220994475, 145.4806629834);
+  --color-blue-dark-2: rgb(51.1363636364, 104.3181818182, 224.8636363636);
+  --color-violet-dark-2: rgb(101.2048192771, 103.4337349398, 223.7951807229);
+  --color-purple-dark-2: rgb(157.6885245902, 76.9016393443, 209.0983606557);
+  --color-pink-dark-2: rgb(230.3170731707, 95.6829268293, 194.4146341463);
+  --color-brown-dark-2: rgb(216.8536585366, 109.1463414634, 109.1463414634);
+  --color-black-dark-2: hsl(230.5263157895, 18.8118811881%, -0.1960784314%);
+  /* other colors */
+  --color-gold: #f2d5cf;
+  --color-white: #c6d0f5;
+  --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
+  --color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
+  --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
+  --color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
+  --color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
+  --color-diff-added-row-border: rgba(166, 209, 137, 0.07);
+  --color-diff-inactive: #949cbb;
+  --color-error-border: #e78284;
+  --color-error-bg: #e78284;
+  --color-error-bg-active: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-error-bg-hover: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-error-text: #232634;
+  --color-success-border: rgb(138.3231707317, 194.6951219512, 100.3048780488);
+  --color-success-bg: #a6d189;
+  --color-success-text: #232634;
+  --color-warning-border: rgb(219.3211678832, 179.5255474453, 102.6788321168);
+  --color-warning-bg: #e5c890;
+  --color-warning-text: #232634;
+  --color-info-border: rgb(95.5681818182, 137.1590909091, 231.4318181818);
+  --color-info-bg: #232634;
+  --color-info-text: #c6d0f5;
+  --color-red-badge: rgb(222.7852348993, 87.2147651007, 89.8993288591);
+  --color-red-badge-bg: #232634;
+  --color-red-badge-hover-bg: rgb(226.8926174497, 108.6073825503, 110.9496644295);
+  --color-green-badge: #a6d189;
+  --color-green-badge-bg: #a6d189;
+  --color-green-badge-hover-bg: rgb(152.1615853659, 201.8475609756, 118.6524390244);
+  --color-yellow-badge: #e5c890;
+  --color-yellow-badge-bg: #232634;
+  --color-yellow-badge-hover-bg: rgb(224.1605839416, 189.7627737226, 123.3394160584);
+  --color-orange-badge: #ef9f76;
+  --color-orange-badge-bg: #232634;
+  --color-orange-badge-hover-bg: rgb(236.3333333333, 143, 95.1666666667);
+  --color-git: #ef9f76;
+  --color-highlight-bg: rgba(229, 200, 144, 0.15);
+  /* target-based colors */
+  --color-body: #232634;
+  --color-box-header: #292c3c;
+  --color-box-body: #292c3c;
+  --color-box-body-highlight: #414559;
+  --color-text-dark: #a5adce;
+  --color-text: #c6d0f5;
+  --color-text-light: #b5bfe2;
+  --color-text-light-1: #b5bfe2;
+  --color-text-light-2: #b5bfe2;
+  --color-text-light-3: #b5bfe2;
+  --color-footer: #292c3c;
+  --color-timeline: #414559;
+  --color-input-text: #c6d0f5;
+  --color-input-background: #414559;
+  --color-input-toggle-background: #414559;
+  --color-input-border: #51576d;
+  --color-input-border-hover: #626880;
+  --color-nav-bg: #292c3c;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #292c3c;
+  --color-navbar-transparent: rgba(35, 38, 52, 0);
+  --color-light: rgba(98, 104, 128, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #626880;
+  --color-hover: rgba(115, 121, 148, 0.2);
+  --color-active: rgba(198, 208, 245, 0.1);
+  --color-menu: #414559;
+  --color-card: #414559;
+  --color-markup-table-row: rgba(198, 208, 245, 0.02);
+  --color-markup-code-block: rgba(198, 208, 245, 0.05);
+  --color-markup-code-inline: #414559;
+  --color-button: #414559;
+  --color-code-bg: #303446;
+  --color-code-sidebar-bg: #414559;
+  --color-shadow: rgba(35, 38, 52, 0.1);
+  --color-tooltip-bg: #414559;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #414559;
+  --color-text-focus: #c6d0f5;
+  --color-expand-button: #626880;
+  --color-placeholder-text: #a5adce;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(198, 208, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #292c3c;
+  --color-header-wrapper-transparent: rgba(41, 44, 60, 0);
+  --color-label-text: #232634;
+  --color-label-bg: #e5c890;
+  --color-label-hover-bg: rgb(223.1927007299, 187.7153284672, 119.2072992701);
+  --color-label-active-bg: rgb(226.096350365, 193.8576642336, 131.603649635);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #51576d;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #232634;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #303446;
+}
+
+.ui.basic.modal {
+  background-color: #303446;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #232634;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #232634;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #232634;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #c6d0f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #232634;
+}
+
+::selection {
+  background: rgba(229, 200, 144, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #ef9f76;
+}
+
+/* Comment */
+.chroma .c {
+  color: #737994;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #737994;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #737994;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #737994;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8caaee;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8caaee;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #737994;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8caaee;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #c6d0f5;
+  background-color: rgba(231, 130, 132, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #99d1db;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #c6d0f5;
+  background-color: rgba(166, 209, 137, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #ef9f76;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #737994;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ea999c;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ea999c;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #99d1db;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #ef9f76;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #ca9ee6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #e5c890;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #ca9ee6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #e5c890;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #ca9ee6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #ca9ee6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #e5c890;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #ef9f76;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #ef9f76;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #ef9f76;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #ef9f76;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #ef9f76;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #ef9f76;
+}
+
+/* Name */
+.chroma .n {
+  color: #babbf1;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #e5c890;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #ef9f76;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #e5c890;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f4b8e4;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ea999c;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8caaee;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f4b8e4;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #e5c890;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #e5c890;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #e5c890;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #ca9ee6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #ef9f76;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #ef9f76;
+}
+
+/* Operator */
+.chroma .o {
+  color: #99d1db;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #99d1db;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #949cbb;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6d189;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6d189;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6d189;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6d189;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6d189;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6d189;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6d189;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8caaee;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6d189;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6d189;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8caaee;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6d189;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6d189;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #e5c890;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #ef9f76;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #e5c890;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #414559;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6d189;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #ca9ee6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #e78284;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #ef9f76;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #99d1db;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #81c8be;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #626880;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6d189;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6d189;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #ef9f76;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #ef9f76;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #ef9f76;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #c6d0f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #e5c890;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #e5c890;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #949cbb;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8caaee;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8caaee;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #e78284;
+}
+
+.monaco-editor .selected-text {
+  background-color: #414559 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adce !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #e5c890 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(58.88, 62.88, 82.16) !important;
+}
+.monaco-editor .mtk1 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk4 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk5 {
+  color: #c6d0f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk8 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk9 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adce !important;
+}
+.monaco-editor .mtk11 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk12 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #ca9ee6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #949cbb !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #81c8be !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6d189 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8caaee !important;
+}
+.monaco-editor .mtk24 {
+  color: #ef9f76 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f4b8e4 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(217.8, 161.2, 177.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(222.6, 178.6, 168.8) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(216.6, 203.2, 184.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(178.8, 208.6, 180.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.2, 185.2, 240.8) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(200.4, 178, 236) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-green-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-green-auto.css
new file mode 100644
index 0000000..9a74fe1
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-green-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-green.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-green.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-blue.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-blue.css
new file mode 100644
index 0000000..3931b6a
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-blue.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #1e66f5;
+  --color-primary: #1e66f5;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(54.414893617, 118.6021276596, 246.085106383);
+  --color-primary-dark-1: rgb(44.6489361702, 111.9612765957, 245.6510638298);
+  --color-primary-dark-2: rgb(59.2978723404, 121.9225531915, 246.3021276596);
+  --color-primary-dark-3: rgb(73.9468085106, 131.8838297872, 246.9531914894);
+  --color-primary-dark-4: rgb(88.5957446809, 141.845106383, 247.6042553191);
+  --color-primary-dark-5: rgb(103.2446808511, 151.8063829787, 248.2553191489);
+  --color-primary-dark-6: rgb(117.8936170213, 161.7676595745, 248.9063829787);
+  --color-primary-dark-7: rgb(132.5425531915, 171.7289361702, 249.5574468085);
+  --color-primary-light-1: rgb(15.3510638298, 92.0387234043, 244.3489361702);
+  --color-primary-light-2: rgb(10.4, 85.28, 234);
+  --color-primary-light-3: rgb(9.7489361702, 79.9412765957, 219.3510638298);
+  --color-primary-light-4: rgb(9.0978723404, 74.6025531915, 204.7021276596);
+  --color-primary-light-5: rgb(8.4468085106, 69.2638297872, 190.0531914894);
+  --color-primary-light-6: rgb(7.7957446809, 63.925106383, 175.4042553191);
+  --color-primary-light-7: rgb(7.1446808511, 58.5863829787, 160.7553191489);
+  --color-primary-alpha-10: rgba(30, 102, 245, 0.1);
+  --color-primary-alpha-20: rgba(30, 102, 245, 0.2);
+  --color-primary-alpha-30: rgba(30, 102, 245, 0.3);
+  --color-primary-alpha-40: rgba(30, 102, 245, 0.4);
+  --color-primary-alpha-50: rgba(30, 102, 245, 0.5);
+  --color-primary-alpha-60: rgba(30, 102, 245, 0.6);
+  --color-primary-alpha-70: rgba(30, 102, 245, 0.7);
+  --color-primary-alpha-80: rgba(30, 102, 245, 0.8);
+  --color-primary-alpha-90: rgba(30, 102, 245, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #1e66f5;
+  --color-label-hover-bg: rgb(59.2978723404, 121.9225531915, 246.3021276596);
+  --color-label-active-bg: rgb(44.6489361702, 111.9612765957, 245.6510638298);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(30, 102, 245, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #1e66f5 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-flamingo.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-flamingo.css
new file mode 100644
index 0000000..ccbd1d3
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-flamingo.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #dd7878;
+  --color-primary: #dd7878;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(226.1301775148, 140.3698224852, 140.3698224852);
+  --color-primary-dark-1: rgb(224.0781065089, 132.2218934911, 132.2218934911);
+  --color-primary-dark-2: rgb(227.1562130178, 144.4437869822, 144.4437869822);
+  --color-primary-dark-3: rgb(230.2343195266, 156.6656804734, 156.6656804734);
+  --color-primary-dark-4: rgb(233.3124260355, 168.8875739645, 168.8875739645);
+  --color-primary-dark-5: rgb(236.3905325444, 181.1094674556, 181.1094674556);
+  --color-primary-dark-6: rgb(239.4686390533, 193.3313609467, 193.3313609467);
+  --color-primary-dark-7: rgb(242.5467455621, 205.5532544379, 205.5532544379);
+  --color-primary-light-1: rgb(217.9218934911, 107.7781065089, 107.7781065089);
+  --color-primary-light-2: rgb(214.8437869822, 95.5562130178, 95.5562130178);
+  --color-primary-light-3: rgb(211.7656804734, 83.3343195266, 83.3343195266);
+  --color-primary-light-4: rgb(208.6875739645, 71.1124260355, 71.1124260355);
+  --color-primary-light-5: rgb(205.6094674556, 58.8905325444, 58.8905325444);
+  --color-primary-light-6: rgb(199.0650887574, 50.1349112426, 50.1349112426);
+  --color-primary-light-7: rgb(186.8431952663, 47.0568047337, 47.0568047337);
+  --color-primary-alpha-10: rgba(221, 120, 120, 0.1);
+  --color-primary-alpha-20: rgba(221, 120, 120, 0.2);
+  --color-primary-alpha-30: rgba(221, 120, 120, 0.3);
+  --color-primary-alpha-40: rgba(221, 120, 120, 0.4);
+  --color-primary-alpha-50: rgba(221, 120, 120, 0.5);
+  --color-primary-alpha-60: rgba(221, 120, 120, 0.6);
+  --color-primary-alpha-70: rgba(221, 120, 120, 0.7);
+  --color-primary-alpha-80: rgba(221, 120, 120, 0.8);
+  --color-primary-alpha-90: rgba(221, 120, 120, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #dd7878;
+  --color-label-hover-bg: rgb(227.1562130178, 144.4437869822, 144.4437869822);
+  --color-label-active-bg: rgb(224.0781065089, 132.2218934911, 132.2218934911);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(221, 120, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #dd7878 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-green.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-green.css
new file mode 100644
index 0000000..53739ff
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-green.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #40a02b;
+  --color-primary: #40a02b;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-primary-dark-1: rgb(68.8236453202, 172.0591133005, 46.2408866995);
+  --color-primary-dark-2: rgb(73.6472906404, 184.118226601, 49.481773399);
+  --color-primary-dark-3: rgb(78.4709359606, 196.1773399015, 52.7226600985);
+  --color-primary-dark-4: rgb(86.6935960591, 202.9339901478, 61.2660098522);
+  --color-primary-dark-5: rgb(97.1699507389, 206.1748768473, 73.3251231527);
+  --color-primary-dark-6: rgb(107.6463054187, 209.4157635468, 85.3842364532);
+  --color-primary-dark-7: rgb(118.1226600985, 212.6566502463, 97.4433497537);
+  --color-primary-light-1: rgb(59.1763546798, 147.9408866995, 39.7591133005);
+  --color-primary-light-2: rgb(54.3527093596, 135.881773399, 36.518226601);
+  --color-primary-light-3: rgb(49.5290640394, 123.8226600985, 33.2773399015);
+  --color-primary-light-4: rgb(44.7054187192, 111.763546798, 30.036453202);
+  --color-primary-light-5: rgb(39.881773399, 99.7044334975, 26.7955665025);
+  --color-primary-light-6: rgb(35.0581280788, 87.645320197, 23.554679803);
+  --color-primary-light-7: rgb(30.2344827586, 75.5862068966, 20.3137931034);
+  --color-primary-alpha-10: rgba(64, 160, 43, 0.1);
+  --color-primary-alpha-20: rgba(64, 160, 43, 0.2);
+  --color-primary-alpha-30: rgba(64, 160, 43, 0.3);
+  --color-primary-alpha-40: rgba(64, 160, 43, 0.4);
+  --color-primary-alpha-50: rgba(64, 160, 43, 0.5);
+  --color-primary-alpha-60: rgba(64, 160, 43, 0.6);
+  --color-primary-alpha-70: rgba(64, 160, 43, 0.7);
+  --color-primary-alpha-80: rgba(64, 160, 43, 0.8);
+  --color-primary-alpha-90: rgba(64, 160, 43, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #40a02b;
+  --color-label-hover-bg: rgb(73.6472906404, 184.118226601, 49.481773399);
+  --color-label-active-bg: rgb(68.8236453202, 172.0591133005, 46.2408866995);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(64, 160, 43, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #40a02b !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-lavender.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-lavender.css
new file mode 100644
index 0000000..6bf44b5
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-lavender.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #7287fd;
+  --color-primary: #7287fd;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(139.1433566434, 156.3986013986, 253.3566433566);
+  --color-primary-dark-1: rgb(129.086013986, 147.8391608392, 253.213986014);
+  --color-primary-dark-2: rgb(144.172027972, 160.6783216783, 253.427972028);
+  --color-primary-dark-3: rgb(159.258041958, 173.5174825175, 253.641958042);
+  --color-primary-dark-4: rgb(174.3440559441, 186.3566433566, 253.8559440559);
+  --color-primary-dark-5: rgb(189.4300699301, 199.1958041958, 254.0699300699);
+  --color-primary-dark-6: rgb(204.5160839161, 212.034965035, 254.2839160839);
+  --color-primary-dark-7: rgb(219.6020979021, 224.8741258741, 254.4979020979);
+  --color-primary-light-1: rgb(98.913986014, 122.1608391608, 252.786013986);
+  --color-primary-light-2: rgb(83.827972028, 109.3216783217, 252.572027972);
+  --color-primary-light-3: rgb(68.741958042, 96.4825174825, 252.358041958);
+  --color-primary-light-4: rgb(53.6559440559, 83.6433566434, 252.1440559441);
+  --color-primary-light-5: rgb(38.5699300699, 70.8041958042, 251.9300699301);
+  --color-primary-light-6: rgb(23.4839160839, 57.965034965, 251.7160839161);
+  --color-primary-light-7: rgb(8.3979020979, 45.1258741259, 251.5020979021);
+  --color-primary-alpha-10: rgba(114, 135, 253, 0.1);
+  --color-primary-alpha-20: rgba(114, 135, 253, 0.2);
+  --color-primary-alpha-30: rgba(114, 135, 253, 0.3);
+  --color-primary-alpha-40: rgba(114, 135, 253, 0.4);
+  --color-primary-alpha-50: rgba(114, 135, 253, 0.5);
+  --color-primary-alpha-60: rgba(114, 135, 253, 0.6);
+  --color-primary-alpha-70: rgba(114, 135, 253, 0.7);
+  --color-primary-alpha-80: rgba(114, 135, 253, 0.8);
+  --color-primary-alpha-90: rgba(114, 135, 253, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #7287fd;
+  --color-label-hover-bg: rgb(144.172027972, 160.6783216783, 253.427972028);
+  --color-label-active-bg: rgb(129.086013986, 147.8391608392, 253.213986014);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(114, 135, 253, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #7287fd !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-maroon.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-maroon.css
new file mode 100644
index 0000000..7d87658
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-maroon.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #e64553;
+  --color-primary: #e64553;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(233.0213270142, 91.4786729858, 103.7867298578);
+  --color-primary-dark-1: rgb(231.8127962085, 82.4872037915, 95.4720379147);
+  --color-primary-dark-2: rgb(233.6255924171, 95.9744075829, 107.9440758294);
+  --color-primary-dark-3: rgb(235.4383886256, 109.4616113744, 120.4161137441);
+  --color-primary-dark-4: rgb(237.2511848341, 122.9488151659, 132.8881516588);
+  --color-primary-dark-5: rgb(239.0639810427, 136.4360189573, 145.3601895735);
+  --color-primary-dark-6: rgb(240.8767772512, 149.9232227488, 157.8322274882);
+  --color-primary-dark-7: rgb(242.6895734597, 163.4104265403, 170.3042654028);
+  --color-primary-light-1: rgb(228.1872037915, 55.5127962085, 70.5279620853);
+  --color-primary-light-2: rgb(226.3744075829, 42.0255924171, 58.0559241706);
+  --color-primary-light-3: rgb(223.1118483412, 29.9881516588, 46.7815165877);
+  --color-primary-light-4: rgb(209.6246445498, 28.1753554502, 43.9535545024);
+  --color-primary-light-5: rgb(196.1374407583, 26.3625592417, 41.1255924171);
+  --color-primary-light-6: rgb(182.6502369668, 24.5497630332, 38.2976303318);
+  --color-primary-light-7: rgb(169.1630331754, 22.7369668246, 35.4696682464);
+  --color-primary-alpha-10: rgba(230, 69, 83, 0.1);
+  --color-primary-alpha-20: rgba(230, 69, 83, 0.2);
+  --color-primary-alpha-30: rgba(230, 69, 83, 0.3);
+  --color-primary-alpha-40: rgba(230, 69, 83, 0.4);
+  --color-primary-alpha-50: rgba(230, 69, 83, 0.5);
+  --color-primary-alpha-60: rgba(230, 69, 83, 0.6);
+  --color-primary-alpha-70: rgba(230, 69, 83, 0.7);
+  --color-primary-alpha-80: rgba(230, 69, 83, 0.8);
+  --color-primary-alpha-90: rgba(230, 69, 83, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #e64553;
+  --color-label-hover-bg: rgb(233.6255924171, 95.9744075829, 107.9440758294);
+  --color-label-active-bg: rgb(231.8127962085, 82.4872037915, 95.4720379147);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(230, 69, 83, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #e64553 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-mauve.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-mauve.css
new file mode 100644
index 0000000..edd8e36
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-mauve.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #8839ef;
+  --color-primary: #8839ef;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(150.1799065421, 80.5934579439, 240.9065420561);
+  --color-primary-dark-1: rgb(144.5079439252, 71.1560747664, 240.1439252336);
+  --color-primary-dark-2: rgb(153.0158878505, 85.3121495327, 241.2878504673);
+  --color-primary-dark-3: rgb(161.5238317757, 99.4682242991, 242.4317757009);
+  --color-primary-dark-4: rgb(170.0317757009, 113.6242990654, 243.5757009346);
+  --color-primary-dark-5: rgb(178.5397196262, 127.7803738318, 244.7196261682);
+  --color-primary-dark-6: rgb(187.0476635514, 141.9364485981, 245.8635514019);
+  --color-primary-dark-7: rgb(195.5556074766, 156.0925233645, 247.0074766355);
+  --color-primary-light-1: rgb(127.4920560748, 42.8439252336, 237.8560747664);
+  --color-primary-light-2: rgb(118.9841121495, 28.6878504673, 236.7121495327);
+  --color-primary-light-3: rgb(111.0257009346, 18.6990654206, 231.4009345794);
+  --color-primary-light-4: rgb(104.2336448598, 17.5551401869, 217.2448598131);
+  --color-primary-light-5: rgb(97.441588785, 16.4112149533, 203.0887850467);
+  --color-primary-light-6: rgb(90.6495327103, 15.2672897196, 188.9327102804);
+  --color-primary-light-7: rgb(83.8574766355, 14.123364486, 174.776635514);
+  --color-primary-alpha-10: rgba(136, 57, 239, 0.1);
+  --color-primary-alpha-20: rgba(136, 57, 239, 0.2);
+  --color-primary-alpha-30: rgba(136, 57, 239, 0.3);
+  --color-primary-alpha-40: rgba(136, 57, 239, 0.4);
+  --color-primary-alpha-50: rgba(136, 57, 239, 0.5);
+  --color-primary-alpha-60: rgba(136, 57, 239, 0.6);
+  --color-primary-alpha-70: rgba(136, 57, 239, 0.7);
+  --color-primary-alpha-80: rgba(136, 57, 239, 0.8);
+  --color-primary-alpha-90: rgba(136, 57, 239, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #8839ef;
+  --color-label-hover-bg: rgb(153.0158878505, 85.3121495327, 241.2878504673);
+  --color-label-active-bg: rgb(144.5079439252, 71.1560747664, 240.1439252336);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(136, 57, 239, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #8839ef !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-peach.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-peach.css
new file mode 100644
index 0000000..134a8f7
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-peach.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #fe640b;
+  --color-primary: #fe640b;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-primary-dark-1: rgb(254.0624489796, 109.6795918367, 26.2375510204);
+  --color-primary-dark-2: rgb(254.1248979592, 119.3591836735, 41.4751020408);
+  --color-primary-dark-3: rgb(254.1873469388, 129.0387755102, 56.7126530612);
+  --color-primary-dark-4: rgb(254.2497959184, 138.7183673469, 71.9502040816);
+  --color-primary-dark-5: rgb(254.312244898, 148.3979591837, 87.187755102);
+  --color-primary-dark-6: rgb(254.3746938776, 158.0775510204, 102.4253061224);
+  --color-primary-dark-7: rgb(254.4371428571, 167.7571428571, 117.6628571429);
+  --color-primary-light-1: rgb(248.6808163265, 91.7265306122, 1.0191836735);
+  --color-primary-light-2: rgb(233.4432653061, 86.106122449, 0.9567346939);
+  --color-primary-light-3: rgb(218.2057142857, 80.4857142857, 0.8942857143);
+  --color-primary-light-4: rgb(202.9681632653, 74.8653061224, 0.8318367347);
+  --color-primary-light-5: rgb(187.7306122449, 69.2448979592, 0.7693877551);
+  --color-primary-light-6: rgb(172.4930612245, 63.6244897959, 0.7069387755);
+  --color-primary-light-7: rgb(157.2555102041, 58.0040816327, 0.6444897959);
+  --color-primary-alpha-10: rgba(254, 100, 11, 0.1);
+  --color-primary-alpha-20: rgba(254, 100, 11, 0.2);
+  --color-primary-alpha-30: rgba(254, 100, 11, 0.3);
+  --color-primary-alpha-40: rgba(254, 100, 11, 0.4);
+  --color-primary-alpha-50: rgba(254, 100, 11, 0.5);
+  --color-primary-alpha-60: rgba(254, 100, 11, 0.6);
+  --color-primary-alpha-70: rgba(254, 100, 11, 0.7);
+  --color-primary-alpha-80: rgba(254, 100, 11, 0.8);
+  --color-primary-alpha-90: rgba(254, 100, 11, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #fe640b;
+  --color-label-hover-bg: rgb(254.1248979592, 119.3591836735, 41.4751020408);
+  --color-label-active-bg: rgb(254.0624489796, 109.6795918367, 26.2375510204);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(254, 100, 11, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #fe640b !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-pink.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-pink.css
new file mode 100644
index 0000000..0a43a8f
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-pink.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #ea76cb;
+  --color-primary: #ea76cb;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(237.3892405063, 140.1107594937, 211.3924050633);
+  --color-primary-dark-1: rgb(236.0335443038, 131.2664556962, 208.035443038);
+  --color-primary-dark-2: rgb(238.0670886076, 144.5329113924, 213.0708860759);
+  --color-primary-dark-3: rgb(240.1006329114, 157.7993670886, 218.1063291139);
+  --color-primary-dark-4: rgb(242.1341772152, 171.0658227848, 223.1417721519);
+  --color-primary-dark-5: rgb(244.167721519, 184.332278481, 228.1772151899);
+  --color-primary-dark-6: rgb(246.2012658228, 197.5987341772, 233.2126582278);
+  --color-primary-dark-7: rgb(248.2348101266, 210.8651898734, 238.2481012658);
+  --color-primary-light-1: rgb(231.9664556962, 104.7335443038, 197.964556962);
+  --color-primary-light-2: rgb(229.9329113924, 91.4670886076, 192.9291139241);
+  --color-primary-light-3: rgb(227.8993670886, 78.2006329114, 187.8936708861);
+  --color-primary-light-4: rgb(225.8658227848, 64.9341772152, 182.8582278481);
+  --color-primary-light-5: rgb(223.832278481, 51.667721519, 177.8227848101);
+  --color-primary-light-6: rgb(221.7987341772, 38.4012658228, 172.7873417722);
+  --color-primary-light-7: rgb(212.35, 32.55, 164.3);
+  --color-primary-alpha-10: rgba(234, 118, 203, 0.1);
+  --color-primary-alpha-20: rgba(234, 118, 203, 0.2);
+  --color-primary-alpha-30: rgba(234, 118, 203, 0.3);
+  --color-primary-alpha-40: rgba(234, 118, 203, 0.4);
+  --color-primary-alpha-50: rgba(234, 118, 203, 0.5);
+  --color-primary-alpha-60: rgba(234, 118, 203, 0.6);
+  --color-primary-alpha-70: rgba(234, 118, 203, 0.7);
+  --color-primary-alpha-80: rgba(234, 118, 203, 0.8);
+  --color-primary-alpha-90: rgba(234, 118, 203, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #ea76cb;
+  --color-label-hover-bg: rgb(238.0670886076, 144.5329113924, 213.0708860759);
+  --color-label-active-bg: rgb(236.0335443038, 131.2664556962, 208.035443038);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(234, 118, 203, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #ea76cb !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-red.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-red.css
new file mode 100644
index 0000000..0630102
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-red.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #d20f39;
+  --color-primary: #d20f39;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(233.8, 16.7, 63.46);
+  --color-primary-dark-1: rgb(224.28, 16.02, 60.876);
+  --color-primary-dark-2: rgb(238.04, 17.56, 65.048);
+  --color-primary-dark-3: rgb(239.06, 31.84, 76.472);
+  --color-primary-dark-4: rgb(240.08, 46.12, 87.896);
+  --color-primary-dark-5: rgb(241.1, 60.4, 99.32);
+  --color-primary-dark-6: rgb(242.12, 74.68, 110.744);
+  --color-primary-dark-7: rgb(243.14, 88.96, 122.168);
+  --color-primary-light-1: rgb(195.72, 13.98, 53.124);
+  --color-primary-light-2: rgb(181.44, 12.96, 49.248);
+  --color-primary-light-3: rgb(167.16, 11.94, 45.372);
+  --color-primary-light-4: rgb(152.88, 10.92, 41.496);
+  --color-primary-light-5: rgb(138.6, 9.9, 37.62);
+  --color-primary-light-6: rgb(124.32, 8.88, 33.744);
+  --color-primary-light-7: rgb(110.04, 7.86, 29.868);
+  --color-primary-alpha-10: rgba(210, 15, 57, 0.1);
+  --color-primary-alpha-20: rgba(210, 15, 57, 0.2);
+  --color-primary-alpha-30: rgba(210, 15, 57, 0.3);
+  --color-primary-alpha-40: rgba(210, 15, 57, 0.4);
+  --color-primary-alpha-50: rgba(210, 15, 57, 0.5);
+  --color-primary-alpha-60: rgba(210, 15, 57, 0.6);
+  --color-primary-alpha-70: rgba(210, 15, 57, 0.7);
+  --color-primary-alpha-80: rgba(210, 15, 57, 0.8);
+  --color-primary-alpha-90: rgba(210, 15, 57, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #d20f39;
+  --color-label-hover-bg: rgb(238.04, 17.56, 65.048);
+  --color-label-active-bg: rgb(224.28, 16.02, 60.876);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(210, 15, 57, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #d20f39 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-rosewater.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-rosewater.css
new file mode 100644
index 0000000..6d87b3c
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-rosewater.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #dc8a78;
+  --color-primary: #dc8a78;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(225.25, 155.55, 140.25);
+  --color-primary-dark-1: rgb(223.15, 148.53, 132.15);
+  --color-primary-dark-2: rgb(226.3, 159.06, 144.3);
+  --color-primary-dark-3: rgb(229.45, 169.59, 156.45);
+  --color-primary-dark-4: rgb(232.6, 180.12, 168.6);
+  --color-primary-dark-5: rgb(235.75, 190.65, 180.75);
+  --color-primary-dark-6: rgb(238.9, 201.18, 192.9);
+  --color-primary-dark-7: rgb(242.05, 211.71, 205.05);
+  --color-primary-light-1: rgb(216.85, 127.47, 107.85);
+  --color-primary-light-2: rgb(213.7, 116.94, 95.7);
+  --color-primary-light-3: rgb(210.55, 106.41, 83.55);
+  --color-primary-light-4: rgb(207.4, 95.88, 71.4);
+  --color-primary-light-5: rgb(204.25, 85.35, 59.25);
+  --color-primary-light-6: rgb(197.1, 77.38, 51.1);
+  --color-primary-light-7: rgb(184.95, 72.61, 47.95);
+  --color-primary-alpha-10: rgba(220, 138, 120, 0.1);
+  --color-primary-alpha-20: rgba(220, 138, 120, 0.2);
+  --color-primary-alpha-30: rgba(220, 138, 120, 0.3);
+  --color-primary-alpha-40: rgba(220, 138, 120, 0.4);
+  --color-primary-alpha-50: rgba(220, 138, 120, 0.5);
+  --color-primary-alpha-60: rgba(220, 138, 120, 0.6);
+  --color-primary-alpha-70: rgba(220, 138, 120, 0.7);
+  --color-primary-alpha-80: rgba(220, 138, 120, 0.8);
+  --color-primary-alpha-90: rgba(220, 138, 120, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #dc8a78;
+  --color-label-hover-bg: rgb(226.3, 159.06, 144.3);
+  --color-label-active-bg: rgb(223.15, 148.53, 132.15);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(220, 138, 120, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #dc8a78 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-sapphire.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-sapphire.css
new file mode 100644
index 0000000..a60174c
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-sapphire.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #209fb5;
+  --color-primary: #209fb5;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(35.8309859155, 178.0352112676, 202.6690140845);
+  --color-primary-dark-1: rgb(34.2985915493, 170.4211267606, 194.0014084507);
+  --color-primary-dark-2: rgb(36.5971830986, 181.8422535211, 207.0028169014);
+  --color-primary-dark-3: rgb(41.623943662, 191.3408450704, 217.276056338);
+  --color-primary-dark-4: rgb(54.6253521127, 195.2197183099, 219.5746478873);
+  --color-primary-dark-5: rgb(67.6267605634, 199.0985915493, 221.8732394366);
+  --color-primary-dark-6: rgb(80.6281690141, 202.9774647887, 224.1718309859);
+  --color-primary-dark-7: rgb(93.6295774648, 206.8563380282, 226.4704225352);
+  --color-primary-light-1: rgb(29.7014084507, 147.5788732394, 167.9985915493);
+  --color-primary-light-2: rgb(27.4028169014, 136.1577464789, 154.9971830986);
+  --color-primary-light-3: rgb(25.1042253521, 124.7366197183, 141.9957746479);
+  --color-primary-light-4: rgb(22.8056338028, 113.3154929577, 128.9943661972);
+  --color-primary-light-5: rgb(20.5070422535, 101.8943661972, 115.9929577465);
+  --color-primary-light-6: rgb(18.2084507042, 90.4732394366, 102.9915492958);
+  --color-primary-light-7: rgb(15.9098591549, 79.0521126761, 89.9901408451);
+  --color-primary-alpha-10: rgba(32, 159, 181, 0.1);
+  --color-primary-alpha-20: rgba(32, 159, 181, 0.2);
+  --color-primary-alpha-30: rgba(32, 159, 181, 0.3);
+  --color-primary-alpha-40: rgba(32, 159, 181, 0.4);
+  --color-primary-alpha-50: rgba(32, 159, 181, 0.5);
+  --color-primary-alpha-60: rgba(32, 159, 181, 0.6);
+  --color-primary-alpha-70: rgba(32, 159, 181, 0.7);
+  --color-primary-alpha-80: rgba(32, 159, 181, 0.8);
+  --color-primary-alpha-90: rgba(32, 159, 181, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #209fb5;
+  --color-label-hover-bg: rgb(36.5971830986, 181.8422535211, 207.0028169014);
+  --color-label-active-bg: rgb(34.2985915493, 170.4211267606, 194.0014084507);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(32, 159, 181, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #209fb5 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-sky.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-sky.css
new file mode 100644
index 0000000..c7b52bd
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-sky.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #04a5e5;
+  --color-primary: #04a5e5;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(7.8175965665, 181.6008583691, 250.6824034335);
+  --color-primary-dark-1: rgb(4.2626609442, 175.8347639485, 244.0373390558);
+  --color-primary-dark-2: rgb(12.8300429185, 183.0892703863, 250.7699570815);
+  --color-primary-dark-3: rgb(27.8673819742, 187.5545064378, 251.0326180258);
+  --color-primary-dark-4: rgb(42.90472103, 192.0197424893, 251.29527897);
+  --color-primary-dark-5: rgb(57.9420600858, 196.4849785408, 251.5579399142);
+  --color-primary-dark-6: rgb(72.9793991416, 200.9502145923, 251.8206008584);
+  --color-primary-dark-7: rgb(88.0167381974, 205.4154506438, 252.0832618026);
+  --color-primary-light-1: rgb(3.7373390558, 154.1652360515, 213.9626609442);
+  --color-primary-light-2: rgb(3.4746781116, 143.330472103, 198.9253218884);
+  --color-primary-light-3: rgb(3.2120171674, 132.4957081545, 183.8879828326);
+  --color-primary-light-4: rgb(2.9493562232, 121.660944206, 168.8506437768);
+  --color-primary-light-5: rgb(2.686695279, 110.8261802575, 153.813304721);
+  --color-primary-light-6: rgb(2.4240343348, 99.991416309, 138.7759656652);
+  --color-primary-light-7: rgb(2.1613733906, 89.1566523605, 123.7386266094);
+  --color-primary-alpha-10: rgba(4, 165, 229, 0.1);
+  --color-primary-alpha-20: rgba(4, 165, 229, 0.2);
+  --color-primary-alpha-30: rgba(4, 165, 229, 0.3);
+  --color-primary-alpha-40: rgba(4, 165, 229, 0.4);
+  --color-primary-alpha-50: rgba(4, 165, 229, 0.5);
+  --color-primary-alpha-60: rgba(4, 165, 229, 0.6);
+  --color-primary-alpha-70: rgba(4, 165, 229, 0.7);
+  --color-primary-alpha-80: rgba(4, 165, 229, 0.8);
+  --color-primary-alpha-90: rgba(4, 165, 229, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #04a5e5;
+  --color-label-hover-bg: rgb(12.8300429185, 183.0892703863, 250.7699570815);
+  --color-label-active-bg: rgb(4.2626609442, 175.8347639485, 244.0373390558);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(4, 165, 229, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #04a5e5 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-teal.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-teal.css
new file mode 100644
index 0000000..e4c3d06
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-teal.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #179299;
+  --color-primary: #179299;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(26.3323863636, 167.1534090909, 175.1676136364);
+  --color-primary-dark-1: rgb(24.9994318182, 158.6920454545, 166.3005681818);
+  --color-primary-dark-2: rgb(26.9988636364, 171.3840909091, 179.6011363636);
+  --color-primary-dark-3: rgb(28.9982954545, 184.0761363636, 192.9017045455);
+  --color-primary-dark-4: rgb(30.9977272727, 196.7681818182, 206.2022727273);
+  --color-primary-dark-5: rgb(32.9971590909, 209.4602272727, 219.5028409091);
+  --color-primary-dark-6: rgb(44.4511363636, 213.7159090909, 223.3488636364);
+  --color-primary-dark-7: rgb(57.7517045455, 216.3238636364, 225.3482954545);
+  --color-primary-light-1: rgb(21.0005681818, 133.3079545455, 139.6994318182);
+  --color-primary-light-2: rgb(19.0011363636, 120.6159090909, 126.3988636364);
+  --color-primary-light-3: rgb(17.0017045455, 107.9238636364, 113.0982954545);
+  --color-primary-light-4: rgb(15.0022727273, 95.2318181818, 99.7977272727);
+  --color-primary-light-5: rgb(13.0028409091, 82.5397727273, 86.4971590909);
+  --color-primary-light-6: rgb(11.0034090909, 69.8477272727, 73.1965909091);
+  --color-primary-light-7: rgb(9.0039772727, 57.1556818182, 59.8960227273);
+  --color-primary-alpha-10: rgba(23, 146, 153, 0.1);
+  --color-primary-alpha-20: rgba(23, 146, 153, 0.2);
+  --color-primary-alpha-30: rgba(23, 146, 153, 0.3);
+  --color-primary-alpha-40: rgba(23, 146, 153, 0.4);
+  --color-primary-alpha-50: rgba(23, 146, 153, 0.5);
+  --color-primary-alpha-60: rgba(23, 146, 153, 0.6);
+  --color-primary-alpha-70: rgba(23, 146, 153, 0.7);
+  --color-primary-alpha-80: rgba(23, 146, 153, 0.8);
+  --color-primary-alpha-90: rgba(23, 146, 153, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #179299;
+  --color-label-hover-bg: rgb(26.9988636364, 171.3840909091, 179.6011363636);
+  --color-label-active-bg: rgb(24.9994318182, 158.6920454545, 166.3005681818);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(23, 146, 153, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #179299 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-yellow.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-yellow.css
new file mode 100644
index 0000000..a600101
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-latte-yellow.css
@@ -0,0 +1,849 @@
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+  accent-color: #df8e1d;
+  --color-primary: #df8e1d;
+  --color-primary-contrast: #eff1f5;
+  --color-primary-hover: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-primary-dark-1: rgb(227.0702380952, 149.0595238095, 40.2297619048);
+  --color-primary-dark-2: rgb(228.830952381, 155.7380952381, 53.769047619);
+  --color-primary-dark-3: rgb(230.5916666667, 162.4166666667, 67.3083333333);
+  --color-primary-dark-4: rgb(232.3523809524, 169.0952380952, 80.8476190476);
+  --color-primary-dark-5: rgb(234.1130952381, 175.7738095238, 94.3869047619);
+  --color-primary-dark-6: rgb(235.8738095238, 182.4523809524, 107.9261904762);
+  --color-primary-dark-7: rgb(237.6345238095, 189.130952381, 121.4654761905);
+  --color-primary-light-1: rgb(209.4607142857, 133.3785714286, 27.2392857143);
+  --color-primary-light-2: rgb(195.9214285714, 124.7571428571, 25.4785714286);
+  --color-primary-light-3: rgb(182.3821428571, 116.1357142857, 23.7178571429);
+  --color-primary-light-4: rgb(168.8428571429, 107.5142857143, 21.9571428571);
+  --color-primary-light-5: rgb(155.3035714286, 98.8928571429, 20.1964285714);
+  --color-primary-light-6: rgb(141.7642857143, 90.2714285714, 18.4357142857);
+  --color-primary-light-7: rgb(128.225, 81.65, 16.675);
+  --color-primary-alpha-10: rgba(223, 142, 29, 0.1);
+  --color-primary-alpha-20: rgba(223, 142, 29, 0.2);
+  --color-primary-alpha-30: rgba(223, 142, 29, 0.3);
+  --color-primary-alpha-40: rgba(223, 142, 29, 0.4);
+  --color-primary-alpha-50: rgba(223, 142, 29, 0.5);
+  --color-primary-alpha-60: rgba(223, 142, 29, 0.6);
+  --color-primary-alpha-70: rgba(223, 142, 29, 0.7);
+  --color-primary-alpha-80: rgba(223, 142, 29, 0.8);
+  --color-primary-alpha-90: rgba(223, 142, 29, 0.9);
+  --color-secondary: #bcc0cc;
+  --color-secondary-dark-1: rgb(195.1329545455, 199.8284090909, 211.5670454545);
+  --color-secondary-dark-2: rgb(186.2659090909, 191.6568181818, 205.1340909091);
+  --color-secondary-dark-3: rgb(177.3988636364, 183.4852272727, 198.7011363636);
+  --color-secondary-dark-4: rgb(168.5318181818, 175.3136363636, 192.2681818182);
+  --color-secondary-dark-5: rgb(159.6647727273, 167.1420454545, 185.8352272727);
+  --color-secondary-dark-6: rgb(150.7977272727, 158.9704545455, 179.4022727273);
+  --color-secondary-dark-7: rgb(141.9306818182, 150.7988636364, 172.9693181818);
+  --color-secondary-dark-8: rgb(133.0636363636, 142.6272727273, 166.5363636364);
+  --color-secondary-dark-9: rgb(124.1965909091, 134.4556818182, 160.1034090909);
+  --color-secondary-dark-10: rgb(115.3295454545, 126.2840909091, 153.6704545455);
+  --color-secondary-dark-11: rgb(106.6693181818, 118.2011363636, 147.0306818182);
+  --color-secondary-dark-12: rgb(100.2363636364, 111.0727272727, 138.1636363636);
+  --color-secondary-dark-13: rgb(93.8034090909, 103.9443181818, 129.2965909091);
+  --color-secondary-light-1: rgb(212.8670454545, 216.1715909091, 224.4329545455);
+  --color-secondary-light-2: rgb(221.7340909091, 224.3431818182, 230.8659090909);
+  --color-secondary-light-3: rgb(230.6011363636, 232.5147727273, 237.2988636364);
+  --color-secondary-light-4: rgb(239.4681818182, 240.6863636364, 243.7318181818);
+  --color-secondary-alpha-10: rgba(204, 208, 218, 0.1);
+  --color-secondary-alpha-20: rgba(204, 208, 218, 0.2);
+  --color-secondary-alpha-30: rgba(204, 208, 218, 0.3);
+  --color-secondary-alpha-40: rgba(204, 208, 218, 0.4);
+  --color-secondary-alpha-50: rgba(204, 208, 218, 0.5);
+  --color-secondary-alpha-60: rgba(204, 208, 218, 0.6);
+  --color-secondary-alpha-70: rgba(204, 208, 218, 0.7);
+  --color-secondary-alpha-80: rgba(204, 208, 218, 0.8);
+  --color-secondary-alpha-90: rgba(204, 208, 218, 0.9);
+  /* colors */
+  --color-red: #d20f39;
+  --color-orange: #fe640b;
+  --color-yellow: #df8e1d;
+  --color-olive: #40a02b;
+  --color-green: #40a02b;
+  --color-teal: #179299;
+  --color-blue: #1e66f5;
+  --color-violet: #7287fd;
+  --color-purple: #8839ef;
+  --color-pink: #ea76cb;
+  --color-brown: #dd7878;
+  --color-grey: #7c7f93;
+  --color-black: #e6e9ef;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(239.4, 36.6, 80.28);
+  --color-orange-light: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-light: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-light: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-light: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-light: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-light: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-light: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-light: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-light: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-grey-light: rgb(151.9539748954, 154.3138075314, 170.0460251046);
+  --color-black-light: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(239.4, 36.6, 80.28);
+  --color-orange-dark-1: rgb(254.2081632653, 132.2653061224, 61.7918367347);
+  --color-yellow-dark-1: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-olive-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-green-dark-1: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-teal-dark-1: rgb(29.6647727273, 188.3068181818, 197.3352272727);
+  --color-blue-dark-1: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-violet-dark-1: rgb(164.2867132867, 177.7972027972, 253.7132867133);
+  --color-purple-dark-1: rgb(164.3598130841, 104.1869158879, 242.8130841121);
+  --color-pink-dark-1: rgb(240.7784810127, 162.2215189873, 219.7848101266);
+  --color-brown-dark-1: rgb(231.2603550296, 160.7396449704, 160.7396449704);
+  --color-black-dark-1: hsl(220, 21.9512195122%, 101.9607843137%);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(242.8, 84.2, 118.36);
+  --color-orange-dark-2: rgb(254.4163265306, 164.5306122449, 112.5836734694);
+  --color-yellow-dark-2: rgb(237.0476190476, 186.9047619048, 116.9523809524);
+  --color-olive-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-green-dark-2: rgb(114.6305418719, 211.5763546798, 93.4236453202);
+  --color-teal-dark-2: rgb(53.3181818182, 215.4545454545, 224.6818181818);
+  --color-blue-dark-2: rgb(127.6595744681, 168.4085106383, 249.3404255319);
+  --color-violet-dark-2: rgb(214.5734265734, 220.5944055944, 254.4265734266);
+  --color-purple-dark-2: rgb(192.7196261682, 151.3738317757, 246.6261682243);
+  --color-pink-dark-2: rgb(247.5569620253, 206.4430379747, 236.5696202532);
+  --color-brown-dark-2: rgb(241.5207100592, 201.4792899408, 201.4792899408);
+  --color-black-dark-2: hsl(220, 21.9512195122%, 111.9607843137%);
+  /* other colors */
+  --color-gold: #dc8a78;
+  --color-white: #4c4f69;
+  --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15);
+  --color-diff-added-word-bg: rgba(64, 160, 43, 0.15);
+  --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-bg: rgba(64, 160, 43, 0.07);
+  --color-diff-removed-row-border: rgba(210, 15, 57, 0.07);
+  --color-diff-moved-row-border: rgba(223, 142, 29, 0.07);
+  --color-diff-added-row-border: rgba(64, 160, 43, 0.07);
+  --color-diff-inactive: #7c7f93;
+  --color-error-border: #d20f39;
+  --color-error-bg: #d20f39;
+  --color-error-bg-active: rgb(233.8, 16.7, 63.46);
+  --color-error-bg-hover: rgb(239.4, 36.6, 80.28);
+  --color-error-text: #eff1f5;
+  --color-success-border: rgb(80.078817734, 200.197044335, 53.802955665);
+  --color-success-bg: #40a02b;
+  --color-success-text: #eff1f5;
+  --color-warning-border: rgb(231.1785714286, 164.6428571429, 71.8214285714);
+  --color-warning-bg: #df8e1d;
+  --color-warning-text: #eff1f5;
+  --color-info-border: rgb(78.829787234, 135.2042553191, 247.170212766);
+  --color-info-bg: #eff1f5;
+  --color-info-text: #4c4f69;
+  --color-red-badge: rgb(239.4, 36.6, 80.28);
+  --color-red-badge-bg: #eff1f5;
+  --color-red-badge-hover-bg: rgb(233.8, 16.7, 63.46);
+  --color-green-badge: #40a02b;
+  --color-green-badge-bg: #40a02b;
+  --color-green-badge-hover-bg: rgb(72.039408867, 180.0985221675, 48.4014778325);
+  --color-yellow-badge: #df8e1d;
+  --color-yellow-badge-bg: #eff1f5;
+  --color-yellow-badge-hover-bg: rgb(228.244047619, 153.5119047619, 49.255952381);
+  --color-orange-badge: #fe640b;
+  --color-orange-badge-bg: #eff1f5;
+  --color-orange-badge-hover-bg: rgb(254.1040816327, 116.1326530612, 36.3959183673);
+  --color-git: #fe640b;
+  --color-highlight-bg: rgba(223, 142, 29, 0.15);
+  /* target-based colors */
+  --color-body: #eff1f5;
+  --color-box-header: #e6e9ef;
+  --color-box-body: #e6e9ef;
+  --color-box-body-highlight: #ccd0da;
+  --color-text-dark: #6c6f85;
+  --color-text: #4c4f69;
+  --color-text-light: #5c5f77;
+  --color-text-light-1: #5c5f77;
+  --color-text-light-2: #5c5f77;
+  --color-text-light-3: #5c5f77;
+  --color-footer: #e6e9ef;
+  --color-timeline: #ccd0da;
+  --color-input-text: #4c4f69;
+  --color-input-background: #ccd0da;
+  --color-input-toggle-background: #ccd0da;
+  --color-input-border: #bcc0cc;
+  --color-input-border-hover: #acb0be;
+  --color-nav-bg: #e6e9ef;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #e6e9ef;
+  --color-navbar-transparent: rgba(239, 241, 245, 0);
+  --color-light: rgba(172, 176, 190, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #acb0be;
+  --color-hover: rgba(156, 160, 176, 0.2);
+  --color-active: rgba(76, 79, 105, 0.1);
+  --color-menu: #ccd0da;
+  --color-card: #ccd0da;
+  --color-markup-table-row: rgba(76, 79, 105, 0.02);
+  --color-markup-code-block: rgba(76, 79, 105, 0.05);
+  --color-markup-code-inline: #ccd0da;
+  --color-button: #ccd0da;
+  --color-code-bg: #eff1f5;
+  --color-code-sidebar-bg: #ccd0da;
+  --color-shadow: rgba(239, 241, 245, 0.1);
+  --color-tooltip-bg: #ccd0da;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #ccd0da;
+  --color-text-focus: #4c4f69;
+  --color-expand-button: #acb0be;
+  --color-placeholder-text: #6c6f85;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(76, 79, 105, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #e6e9ef;
+  --color-header-wrapper-transparent: rgba(230, 233, 239, 0);
+  --color-label-text: #dce0e8;
+  --color-label-bg: #df8e1d;
+  --color-label-hover-bg: rgb(228.830952381, 155.7380952381, 53.769047619);
+  --color-label-active-bg: rgb(227.0702380952, 149.0595238095, 40.2297619048);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #bcc0cc;
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #eff1f5;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #dce0e8;
+}
+
+.ui.basic.modal {
+  background-color: #dce0e8;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #eff1f5;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #eff1f5;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #eff1f5;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #4c4f69 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #dce0e8;
+}
+
+::selection {
+  background: rgba(223, 142, 29, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fe640b;
+}
+
+/* Comment */
+.chroma .c {
+  color: #9ca0b0;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #9ca0b0;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #9ca0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #9ca0b0;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #1e66f5;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #1e66f5;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #9ca0b0;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #1e66f5;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #4c4f69;
+  background-color: rgba(210, 15, 57, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #04a5e5;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #4c4f69;
+  background-color: rgba(64, 160, 43, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fe640b;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #9ca0b0;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #e64553;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #e64553;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #04a5e5;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fe640b;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #8839ef;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #df8e1d;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #8839ef;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #df8e1d;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #8839ef;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #8839ef;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #df8e1d;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fe640b;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fe640b;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fe640b;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fe640b;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fe640b;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fe640b;
+}
+
+/* Name */
+.chroma .n {
+  color: #7287fd;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #df8e1d;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fe640b;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #df8e1d;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #ea76cb;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #e64553;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #1e66f5;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #ea76cb;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #df8e1d;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #df8e1d;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #df8e1d;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #8839ef;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fe640b;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fe640b;
+}
+
+/* Operator */
+.chroma .o {
+  color: #04a5e5;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #04a5e5;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #7c7f93;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #40a02b;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #40a02b;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #40a02b;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #40a02b;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #40a02b;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #40a02b;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #40a02b;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #1e66f5;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #40a02b;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #40a02b;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #1e66f5;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #40a02b;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #40a02b;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #df8e1d;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fe640b;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #df8e1d;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #ccd0da;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #4c4f69;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #4c4f69;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #40a02b;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #8839ef;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #d20f39;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fe640b;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #4c4f69;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #04a5e5;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #179299;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #acb0be;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #40a02b;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #40a02b;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fe640b;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fe640b;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fe640b;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #4c4f69;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #df8e1d;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #df8e1d;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #7c7f93;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #1e66f5;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #1e66f5;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #d20f39;
+}
+
+.monaco-editor .selected-text {
+  background-color: #ccd0da !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #6c6f85 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #df8e1d !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(232.7, 235.4, 240.8) !important;
+}
+.monaco-editor .mtk1 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk4 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk5 {
+  color: #4c4f69 !important;
+}
+.monaco-editor .mtk6 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk7 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk8 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk9 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk10 {
+  color: #6c6f85 !important;
+}
+.monaco-editor .mtk11 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk12 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #8839ef !important;
+}
+.monaco-editor .mtk16 {
+  color: #7c7f93 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #179299 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #40a02b !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #1e66f5 !important;
+}
+.monaco-editor .mtk24 {
+  color: #fe640b !important;
+}
+.monaco-editor .mtk25 {
+  color: #ea76cb !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(156.4, 40.6, 76.2) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(182.8, 91.6, 48.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(164.2, 116.8, 59.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(68.8, 127.6, 67.8) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(48.4, 92.8, 189) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(112, 65.8, 185.4) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-lavender-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-lavender-auto.css
new file mode 100644
index 0000000..ac08716
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-lavender-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-lavender.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-lavender.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-blue.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-blue.css
new file mode 100644
index 0000000..152ca37
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-blue.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #8aadf4;
+  --color-primary: #8aadf4;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(114.69140625, 156.6640625, 241.80859375);
+  --color-primary-dark-1: rgb(124.01484375, 163.1984375, 242.68515625);
+  --color-primary-dark-2: rgb(110.0296875, 153.396875, 241.3703125);
+  --color-primary-dark-3: rgb(96.04453125, 143.5953125, 240.05546875);
+  --color-primary-dark-4: rgb(82.059375, 133.79375, 238.740625);
+  --color-primary-dark-5: rgb(68.07421875, 123.9921875, 237.42578125);
+  --color-primary-dark-6: rgb(54.0890625, 114.190625, 236.1109375);
+  --color-primary-dark-7: rgb(40.10390625, 104.3890625, 234.79609375);
+  --color-primary-light-1: rgb(151.98515625, 182.8015625, 245.31484375);
+  --color-primary-light-2: rgb(165.9703125, 192.603125, 246.6296875);
+  --color-primary-light-3: rgb(179.95546875, 202.4046875, 247.94453125);
+  --color-primary-light-4: rgb(193.940625, 212.20625, 249.259375);
+  --color-primary-light-5: rgb(207.92578125, 222.0078125, 250.57421875);
+  --color-primary-light-6: rgb(221.9109375, 231.809375, 251.8890625);
+  --color-primary-light-7: rgb(235.89609375, 241.6109375, 253.20390625);
+  --color-primary-alpha-10: rgba(138, 173, 244, 0.1);
+  --color-primary-alpha-20: rgba(138, 173, 244, 0.2);
+  --color-primary-alpha-30: rgba(138, 173, 244, 0.3);
+  --color-primary-alpha-40: rgba(138, 173, 244, 0.4);
+  --color-primary-alpha-50: rgba(138, 173, 244, 0.5);
+  --color-primary-alpha-60: rgba(138, 173, 244, 0.6);
+  --color-primary-alpha-70: rgba(138, 173, 244, 0.7);
+  --color-primary-alpha-80: rgba(138, 173, 244, 0.8);
+  --color-primary-alpha-90: rgba(138, 173, 244, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #8aadf4;
+  --color-label-hover-bg: rgb(110.0296875, 153.396875, 241.3703125);
+  --color-label-active-bg: rgb(124.01484375, 163.1984375, 242.68515625);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(138, 173, 244, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #8aadf4 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-flamingo.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-flamingo.css
new file mode 100644
index 0000000..da66e52
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-flamingo.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f0c6c6;
+  --color-primary: #f0c6c6;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(234.6875, 177.8125, 177.8125);
+  --color-primary-dark-1: rgb(236.8125, 185.8875, 185.8875);
+  --color-primary-dark-2: rgb(233.625, 173.775, 173.775);
+  --color-primary-dark-3: rgb(230.4375, 161.6625, 161.6625);
+  --color-primary-dark-4: rgb(227.25, 149.55, 149.55);
+  --color-primary-dark-5: rgb(224.0625, 137.4375, 137.4375);
+  --color-primary-dark-6: rgb(220.875, 125.325, 125.325);
+  --color-primary-dark-7: rgb(217.6875, 113.2125, 113.2125);
+  --color-primary-light-1: rgb(243.1875, 210.1125, 210.1125);
+  --color-primary-light-2: rgb(246.375, 222.225, 222.225);
+  --color-primary-light-3: rgb(249.5625, 234.3375, 234.3375);
+  --color-primary-light-4: rgb(252.75, 246.45, 246.45);
+  --color-primary-light-5: hsl(0, 58.3333333333%, 100.8823529412%);
+  --color-primary-light-6: hsl(0, 58.3333333333%, 103.8823529412%);
+  --color-primary-light-7: hsl(0, 58.3333333333%, 106.8823529412%);
+  --color-primary-alpha-10: rgba(240, 198, 198, 0.1);
+  --color-primary-alpha-20: rgba(240, 198, 198, 0.2);
+  --color-primary-alpha-30: rgba(240, 198, 198, 0.3);
+  --color-primary-alpha-40: rgba(240, 198, 198, 0.4);
+  --color-primary-alpha-50: rgba(240, 198, 198, 0.5);
+  --color-primary-alpha-60: rgba(240, 198, 198, 0.6);
+  --color-primary-alpha-70: rgba(240, 198, 198, 0.7);
+  --color-primary-alpha-80: rgba(240, 198, 198, 0.8);
+  --color-primary-alpha-90: rgba(240, 198, 198, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #f0c6c6;
+  --color-label-hover-bg: rgb(233.625, 173.775, 173.775);
+  --color-label-active-bg: rgb(236.8125, 185.8875, 185.8875);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(240, 198, 198, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f0c6c6 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-green.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-green.css
new file mode 100644
index 0000000..c7de7d5
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-green.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #a6da95;
+  --color-primary: #a6da95;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-primary-dark-1: rgb(156.4776223776, 214.0412587413, 137.6587412587);
+  --color-primary-dark-2: rgb(146.9552447552, 210.0825174825, 126.3174825175);
+  --color-primary-dark-3: rgb(137.4328671329, 206.1237762238, 114.9762237762);
+  --color-primary-dark-4: rgb(127.9104895105, 202.165034965, 103.634965035);
+  --color-primary-dark-5: rgb(118.3881118881, 198.2062937063, 92.2937062937);
+  --color-primary-dark-6: rgb(108.8657342657, 194.2475524476, 80.9524475524);
+  --color-primary-dark-7: rgb(99.3433566434, 190.2888111888, 69.6111888112);
+  --color-primary-light-1: rgb(175.5223776224, 221.9587412587, 160.3412587413);
+  --color-primary-light-2: rgb(185.0447552448, 225.9174825175, 171.6825174825);
+  --color-primary-light-3: rgb(194.5671328671, 229.8762237762, 183.0237762238);
+  --color-primary-light-4: rgb(204.0895104895, 233.834965035, 194.365034965);
+  --color-primary-light-5: rgb(213.6118881119, 237.7937062937, 205.7062937063);
+  --color-primary-light-6: rgb(223.1342657343, 241.7524475524, 217.0475524476);
+  --color-primary-light-7: rgb(232.6566433566, 245.7111888112, 228.3888111888);
+  --color-primary-alpha-10: rgba(166, 218, 149, 0.1);
+  --color-primary-alpha-20: rgba(166, 218, 149, 0.2);
+  --color-primary-alpha-30: rgba(166, 218, 149, 0.3);
+  --color-primary-alpha-40: rgba(166, 218, 149, 0.4);
+  --color-primary-alpha-50: rgba(166, 218, 149, 0.5);
+  --color-primary-alpha-60: rgba(166, 218, 149, 0.6);
+  --color-primary-alpha-70: rgba(166, 218, 149, 0.7);
+  --color-primary-alpha-80: rgba(166, 218, 149, 0.8);
+  --color-primary-alpha-90: rgba(166, 218, 149, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #a6da95;
+  --color-label-hover-bg: rgb(146.9552447552, 210.0825174825, 126.3174825175);
+  --color-label-active-bg: rgb(156.4776223776, 214.0412587413, 137.6587412587);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(166, 218, 149, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #a6da95 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-lavender.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-lavender.css
new file mode 100644
index 0000000..77ceea9
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-lavender.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #b7bdf8;
+  --color-primary: #b7bdf8;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(159.7594936709, 167.6962025316, 245.7405063291);
+  --color-primary-dark-1: rgb(169.0556962025, 176.217721519, 246.6443037975);
+  --color-primary-dark-2: rgb(155.1113924051, 163.435443038, 245.2886075949);
+  --color-primary-dark-3: rgb(141.1670886076, 150.653164557, 243.9329113924);
+  --color-primary-dark-4: rgb(127.2227848101, 137.8708860759, 242.5772151899);
+  --color-primary-dark-5: rgb(113.2784810127, 125.0886075949, 241.2215189873);
+  --color-primary-dark-6: rgb(99.3341772152, 112.3063291139, 239.8658227848);
+  --color-primary-dark-7: rgb(85.3898734177, 99.5240506329, 238.5101265823);
+  --color-primary-light-1: rgb(196.9443037975, 201.782278481, 249.3556962025);
+  --color-primary-light-2: rgb(210.8886075949, 214.564556962, 250.7113924051);
+  --color-primary-light-3: rgb(224.8329113924, 227.346835443, 252.0670886076);
+  --color-primary-light-4: rgb(238.7772151899, 240.1291139241, 253.4227848101);
+  --color-primary-light-5: rgb(252.7215189873, 252.9113924051, 254.7784810127);
+  --color-primary-light-6: hsl(234.4615384615, 82.2784810127%, 102.5098039216%);
+  --color-primary-light-7: hsl(234.4615384615, 82.2784810127%, 105.5098039216%);
+  --color-primary-alpha-10: rgba(183, 189, 248, 0.1);
+  --color-primary-alpha-20: rgba(183, 189, 248, 0.2);
+  --color-primary-alpha-30: rgba(183, 189, 248, 0.3);
+  --color-primary-alpha-40: rgba(183, 189, 248, 0.4);
+  --color-primary-alpha-50: rgba(183, 189, 248, 0.5);
+  --color-primary-alpha-60: rgba(183, 189, 248, 0.6);
+  --color-primary-alpha-70: rgba(183, 189, 248, 0.7);
+  --color-primary-alpha-80: rgba(183, 189, 248, 0.8);
+  --color-primary-alpha-90: rgba(183, 189, 248, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #b7bdf8;
+  --color-label-hover-bg: rgb(155.1113924051, 163.435443038, 245.2886075949);
+  --color-label-active-bg: rgb(169.0556962025, 176.217721519, 246.6443037975);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(183, 189, 248, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #b7bdf8 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-maroon.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-maroon.css
new file mode 100644
index 0000000..00d057d
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-maroon.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #ee99a0;
+  --color-primary: #ee99a0;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(234.3571428571, 131.1428571429, 139.6428571429);
+  --color-primary-dark-1: rgb(235.8142857143, 139.8857142857, 147.7857142857);
+  --color-primary-dark-2: rgb(233.6285714286, 126.7714285714, 135.5714285714);
+  --color-primary-dark-3: rgb(231.4428571429, 113.6571428571, 123.3571428571);
+  --color-primary-dark-4: rgb(229.2571428571, 100.5428571429, 111.1428571429);
+  --color-primary-dark-5: rgb(227.0714285714, 87.4285714286, 98.9285714286);
+  --color-primary-dark-6: rgb(224.8857142857, 74.3142857143, 86.7142857143);
+  --color-primary-dark-7: rgb(222.7, 61.2, 74.5);
+  --color-primary-light-1: rgb(240.1857142857, 166.1142857143, 172.2142857143);
+  --color-primary-light-2: rgb(242.3714285714, 179.2285714286, 184.4285714286);
+  --color-primary-light-3: rgb(244.5571428571, 192.3428571429, 196.6428571429);
+  --color-primary-light-4: rgb(246.7428571429, 205.4571428571, 208.8571428571);
+  --color-primary-light-5: rgb(248.9285714286, 218.5714285714, 221.0714285714);
+  --color-primary-light-6: rgb(251.1142857143, 231.6857142857, 233.2857142857);
+  --color-primary-light-7: rgb(253.3, 244.8, 245.5);
+  --color-primary-alpha-10: rgba(238, 153, 160, 0.1);
+  --color-primary-alpha-20: rgba(238, 153, 160, 0.2);
+  --color-primary-alpha-30: rgba(238, 153, 160, 0.3);
+  --color-primary-alpha-40: rgba(238, 153, 160, 0.4);
+  --color-primary-alpha-50: rgba(238, 153, 160, 0.5);
+  --color-primary-alpha-60: rgba(238, 153, 160, 0.6);
+  --color-primary-alpha-70: rgba(238, 153, 160, 0.7);
+  --color-primary-alpha-80: rgba(238, 153, 160, 0.8);
+  --color-primary-alpha-90: rgba(238, 153, 160, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #ee99a0;
+  --color-label-hover-bg: rgb(233.6285714286, 126.7714285714, 135.5714285714);
+  --color-label-active-bg: rgb(235.8142857143, 139.8857142857, 147.7857142857);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(238, 153, 160, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #ee99a0 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-mauve.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-mauve.css
new file mode 100644
index 0000000..fc5ca36
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-mauve.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #c6a0f6;
+  --color-primary: #c6a0f6;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(184.0240384615, 136.7067307692, 243.7932692308);
+  --color-primary-dark-1: rgb(189.6144230769, 146.0240384615, 244.6759615385);
+  --color-primary-dark-2: rgb(181.2288461538, 132.0480769231, 243.3519230769);
+  --color-primary-dark-3: rgb(172.8432692308, 118.0721153846, 242.0278846154);
+  --color-primary-dark-4: rgb(164.4576923077, 104.0961538462, 240.7038461538);
+  --color-primary-dark-5: rgb(156.0721153846, 90.1201923077, 239.3798076923);
+  --color-primary-dark-6: rgb(147.6865384615, 76.1442307692, 238.0557692308);
+  --color-primary-dark-7: rgb(139.3009615385, 62.1682692308, 236.7317307692);
+  --color-primary-light-1: rgb(206.3855769231, 173.9759615385, 247.3240384615);
+  --color-primary-light-2: rgb(214.7711538462, 187.9519230769, 248.6480769231);
+  --color-primary-light-3: rgb(223.1567307692, 201.9278846154, 249.9721153846);
+  --color-primary-light-4: rgb(231.5423076923, 215.9038461538, 251.2961538462);
+  --color-primary-light-5: rgb(239.9278846154, 229.8798076923, 252.6201923077);
+  --color-primary-light-6: rgb(248.3134615385, 243.8557692308, 253.9442307692);
+  --color-primary-light-7: hsl(266.511627907, 82.6923076923%, 100.6078431373%);
+  --color-primary-alpha-10: rgba(198, 160, 246, 0.1);
+  --color-primary-alpha-20: rgba(198, 160, 246, 0.2);
+  --color-primary-alpha-30: rgba(198, 160, 246, 0.3);
+  --color-primary-alpha-40: rgba(198, 160, 246, 0.4);
+  --color-primary-alpha-50: rgba(198, 160, 246, 0.5);
+  --color-primary-alpha-60: rgba(198, 160, 246, 0.6);
+  --color-primary-alpha-70: rgba(198, 160, 246, 0.7);
+  --color-primary-alpha-80: rgba(198, 160, 246, 0.8);
+  --color-primary-alpha-90: rgba(198, 160, 246, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #c6a0f6;
+  --color-label-hover-bg: rgb(181.2288461538, 132.0480769231, 243.3519230769);
+  --color-label-active-bg: rgb(189.6144230769, 146.0240384615, 244.6759615385);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(198, 160, 246, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-peach.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-peach.css
new file mode 100644
index 0000000..f8ffdba
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-peach.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f5a97f;
+  --color-primary: #f5a97f;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-primary-dark-1: rgb(243.8913043478, 159.4652173913, 112.8086956522);
+  --color-primary-dark-2: rgb(242.7826086957, 149.9304347826, 98.6173913043);
+  --color-primary-dark-3: rgb(241.6739130435, 140.3956521739, 84.4260869565);
+  --color-primary-dark-4: rgb(240.5652173913, 130.8608695652, 70.2347826087);
+  --color-primary-dark-5: rgb(239.4565217391, 121.3260869565, 56.0434782609);
+  --color-primary-dark-6: rgb(238.347826087, 111.7913043478, 41.852173913);
+  --color-primary-dark-7: rgb(237.2391304348, 102.2565217391, 27.6608695652);
+  --color-primary-light-1: rgb(246.1086956522, 178.5347826087, 141.1913043478);
+  --color-primary-light-2: rgb(247.2173913043, 188.0695652174, 155.3826086957);
+  --color-primary-light-3: rgb(248.3260869565, 197.6043478261, 169.5739130435);
+  --color-primary-light-4: rgb(249.4347826087, 207.1391304348, 183.7652173913);
+  --color-primary-light-5: rgb(250.5434782609, 216.6739130435, 197.9565217391);
+  --color-primary-light-6: rgb(251.652173913, 226.2086956522, 212.147826087);
+  --color-primary-light-7: rgb(252.7608695652, 235.7434782609, 226.3391304348);
+  --color-primary-alpha-10: rgba(245, 169, 127, 0.1);
+  --color-primary-alpha-20: rgba(245, 169, 127, 0.2);
+  --color-primary-alpha-30: rgba(245, 169, 127, 0.3);
+  --color-primary-alpha-40: rgba(245, 169, 127, 0.4);
+  --color-primary-alpha-50: rgba(245, 169, 127, 0.5);
+  --color-primary-alpha-60: rgba(245, 169, 127, 0.6);
+  --color-primary-alpha-70: rgba(245, 169, 127, 0.7);
+  --color-primary-alpha-80: rgba(245, 169, 127, 0.8);
+  --color-primary-alpha-90: rgba(245, 169, 127, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #f5a97f;
+  --color-label-hover-bg: rgb(242.7826086957, 149.9304347826, 98.6173913043);
+  --color-label-active-bg: rgb(243.8913043478, 159.4652173913, 112.8086956522);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(245, 169, 127, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f5a97f !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-pink.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-pink.css
new file mode 100644
index 0000000..5973022
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-pink.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f5bde6;
+  --color-primary: #f5bde6;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(241.6447368421, 166.8552631579, 221.6118421053);
+  --color-primary-dark-1: rgb(242.9868421053, 175.7131578947, 224.9671052632);
+  --color-primary-dark-2: rgb(240.9736842105, 162.4263157895, 219.9342105263);
+  --color-primary-dark-3: rgb(238.9605263158, 149.1394736842, 214.9013157895);
+  --color-primary-dark-4: rgb(236.9473684211, 135.8526315789, 209.8684210526);
+  --color-primary-dark-5: rgb(234.9342105263, 122.5657894737, 204.8355263158);
+  --color-primary-dark-6: rgb(232.9210526316, 109.2789473684, 199.8026315789);
+  --color-primary-dark-7: rgb(230.9078947368, 95.9921052632, 194.7697368421);
+  --color-primary-light-1: rgb(247.0131578947, 202.2868421053, 235.0328947368);
+  --color-primary-light-2: rgb(249.0263157895, 215.5736842105, 240.0657894737);
+  --color-primary-light-3: rgb(251.0394736842, 228.8605263158, 245.0986842105);
+  --color-primary-light-4: rgb(253.0526315789, 242.1473684211, 250.1315789474);
+  --color-primary-light-5: hsl(316.0714285714, 73.6842105263%, 100.0980392157%);
+  --color-primary-light-6: hsl(316.0714285714, 73.6842105263%, 103.0980392157%);
+  --color-primary-light-7: hsl(316.0714285714, 73.6842105263%, 106.0980392157%);
+  --color-primary-alpha-10: rgba(245, 189, 230, 0.1);
+  --color-primary-alpha-20: rgba(245, 189, 230, 0.2);
+  --color-primary-alpha-30: rgba(245, 189, 230, 0.3);
+  --color-primary-alpha-40: rgba(245, 189, 230, 0.4);
+  --color-primary-alpha-50: rgba(245, 189, 230, 0.5);
+  --color-primary-alpha-60: rgba(245, 189, 230, 0.6);
+  --color-primary-alpha-70: rgba(245, 189, 230, 0.7);
+  --color-primary-alpha-80: rgba(245, 189, 230, 0.8);
+  --color-primary-alpha-90: rgba(245, 189, 230, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #f5bde6;
+  --color-label-hover-bg: rgb(240.9736842105, 162.4263157895, 219.9342105263);
+  --color-label-active-bg: rgb(242.9868421053, 175.7131578947, 224.9671052632);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(245, 189, 230, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f5bde6 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-red.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-red.css
new file mode 100644
index 0000000..34f4bdb
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-red.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #ed8796;
+  --color-primary: #ed8796;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-primary-dark-1: rgb(235.0043478261, 121.6956521739, 138.3586956522);
+  --color-primary-dark-2: rgb(233.0086956522, 108.3913043478, 126.7173913043);
+  --color-primary-dark-3: rgb(231.0130434783, 95.0869565217, 115.0760869565);
+  --color-primary-dark-4: rgb(229.0173913043, 81.7826086957, 103.4347826087);
+  --color-primary-dark-5: rgb(227.0217391304, 68.4782608696, 91.7934782609);
+  --color-primary-dark-6: rgb(225.0260869565, 55.1739130435, 80.152173913);
+  --color-primary-dark-7: rgb(223.0304347826, 41.8695652174, 68.5108695652);
+  --color-primary-light-1: rgb(238.9956521739, 148.3043478261, 161.6413043478);
+  --color-primary-light-2: rgb(240.9913043478, 161.6086956522, 173.2826086957);
+  --color-primary-light-3: rgb(242.9869565217, 174.9130434783, 184.9239130435);
+  --color-primary-light-4: rgb(244.9826086957, 188.2173913043, 196.5652173913);
+  --color-primary-light-5: rgb(246.9782608696, 201.5217391304, 208.2065217391);
+  --color-primary-light-6: rgb(248.9739130435, 214.8260869565, 219.847826087);
+  --color-primary-light-7: rgb(250.9695652174, 228.1304347826, 231.4891304348);
+  --color-primary-alpha-10: rgba(237, 135, 150, 0.1);
+  --color-primary-alpha-20: rgba(237, 135, 150, 0.2);
+  --color-primary-alpha-30: rgba(237, 135, 150, 0.3);
+  --color-primary-alpha-40: rgba(237, 135, 150, 0.4);
+  --color-primary-alpha-50: rgba(237, 135, 150, 0.5);
+  --color-primary-alpha-60: rgba(237, 135, 150, 0.6);
+  --color-primary-alpha-70: rgba(237, 135, 150, 0.7);
+  --color-primary-alpha-80: rgba(237, 135, 150, 0.8);
+  --color-primary-alpha-90: rgba(237, 135, 150, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #ed8796;
+  --color-label-hover-bg: rgb(233.0086956522, 108.3913043478, 126.7173913043);
+  --color-label-active-bg: rgb(235.0043478261, 121.6956521739, 138.3586956522);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(237, 135, 150, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #ed8796 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-rosewater.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-rosewater.css
new file mode 100644
index 0000000..cd11d47
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-rosewater.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f4dbd6;
+  --color-primary: #f4dbd6;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(238.6057692308, 201.3461538462, 193.8942307692);
+  --color-primary-dark-1: rgb(240.7634615385, 208.4076923077, 201.9365384615);
+  --color-primary-dark-2: rgb(237.5269230769, 197.8153846154, 189.8730769231);
+  --color-primary-dark-3: rgb(234.2903846154, 187.2230769231, 177.8096153846);
+  --color-primary-dark-4: rgb(231.0538461538, 176.6307692308, 165.7461538462);
+  --color-primary-dark-5: rgb(227.8173076923, 166.0384615385, 153.6826923077);
+  --color-primary-dark-6: rgb(224.5807692308, 155.4461538462, 141.6192307692);
+  --color-primary-dark-7: rgb(221.3442307692, 144.8538461538, 129.5557692308);
+  --color-primary-light-1: rgb(247.2365384615, 229.5923076923, 226.0634615385);
+  --color-primary-light-2: rgb(250.4730769231, 240.1846153846, 238.1269230769);
+  --color-primary-light-3: rgb(253.7096153846, 250.7769230769, 250.1903846154);
+  --color-primary-light-4: hsl(10, 57.6923076923%, 101.8039215686%);
+  --color-primary-light-5: hsl(10, 57.6923076923%, 104.8039215686%);
+  --color-primary-light-6: hsl(10, 57.6923076923%, 107.8039215686%);
+  --color-primary-light-7: hsl(10, 57.6923076923%, 110.8039215686%);
+  --color-primary-alpha-10: rgba(244, 219, 214, 0.1);
+  --color-primary-alpha-20: rgba(244, 219, 214, 0.2);
+  --color-primary-alpha-30: rgba(244, 219, 214, 0.3);
+  --color-primary-alpha-40: rgba(244, 219, 214, 0.4);
+  --color-primary-alpha-50: rgba(244, 219, 214, 0.5);
+  --color-primary-alpha-60: rgba(244, 219, 214, 0.6);
+  --color-primary-alpha-70: rgba(244, 219, 214, 0.7);
+  --color-primary-alpha-80: rgba(244, 219, 214, 0.8);
+  --color-primary-alpha-90: rgba(244, 219, 214, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #f4dbd6;
+  --color-label-hover-bg: rgb(237.5269230769, 197.8153846154, 189.8730769231);
+  --color-label-active-bg: rgb(240.7634615385, 208.4076923077, 201.9365384615);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(244, 219, 214, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f4dbd6 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-sapphire.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-sapphire.css
new file mode 100644
index 0000000..e51d052
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-sapphire.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #7dc4e4;
+  --color-primary: #7dc4e4;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(103.8853503185, 186.4171974522, 223.6146496815);
+  --color-primary-dark-1: rgb(112.3312101911, 190.2503184713, 225.3687898089);
+  --color-primary-dark-2: rgb(99.6624203822, 184.5006369427, 222.7375796178);
+  --color-primary-dark-3: rgb(86.9936305732, 178.750955414, 220.1063694268);
+  --color-primary-dark-4: rgb(74.3248407643, 173.0012738854, 217.4751592357);
+  --color-primary-dark-5: rgb(61.6560509554, 167.2515923567, 214.8439490446);
+  --color-primary-dark-6: rgb(48.9872611465, 161.501910828, 212.2127388535);
+  --color-primary-dark-7: rgb(42.2885350318, 153.4917197452, 203.6114649682);
+  --color-primary-light-1: rgb(137.6687898089, 201.7496815287, 230.6312101911);
+  --color-primary-light-2: rgb(150.3375796178, 207.4993630573, 233.2624203822);
+  --color-primary-light-3: rgb(163.0063694268, 213.249044586, 235.8936305732);
+  --color-primary-light-4: rgb(175.6751592357, 218.9987261146, 238.5248407643);
+  --color-primary-light-5: rgb(188.3439490446, 224.7484076433, 241.1560509554);
+  --color-primary-light-6: rgb(201.0127388535, 230.498089172, 243.7872611465);
+  --color-primary-light-7: rgb(213.6815286624, 236.2477707006, 246.4184713376);
+  --color-primary-alpha-10: rgba(125, 196, 228, 0.1);
+  --color-primary-alpha-20: rgba(125, 196, 228, 0.2);
+  --color-primary-alpha-30: rgba(125, 196, 228, 0.3);
+  --color-primary-alpha-40: rgba(125, 196, 228, 0.4);
+  --color-primary-alpha-50: rgba(125, 196, 228, 0.5);
+  --color-primary-alpha-60: rgba(125, 196, 228, 0.6);
+  --color-primary-alpha-70: rgba(125, 196, 228, 0.7);
+  --color-primary-alpha-80: rgba(125, 196, 228, 0.8);
+  --color-primary-alpha-90: rgba(125, 196, 228, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #7dc4e4;
+  --color-label-hover-bg: rgb(99.6624203822, 184.5006369427, 222.7375796178);
+  --color-label-active-bg: rgb(112.3312101911, 190.2503184713, 225.3687898089);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(125, 196, 228, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #7dc4e4 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-sky.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-sky.css
new file mode 100644
index 0000000..93fea15
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-sky.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #91d7e3;
+  --color-primary: #91d7e3;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(124.6739130435, 207.6086956522, 221.8260869565);
+  --color-primary-dark-1: rgb(132.8043478261, 210.5652173913, 223.8956521739);
+  --color-primary-dark-2: rgb(120.6086956522, 206.1304347826, 220.7913043478);
+  --color-primary-dark-3: rgb(108.4130434783, 201.6956521739, 217.6869565217);
+  --color-primary-dark-4: rgb(96.2173913043, 197.2608695652, 214.5826086957);
+  --color-primary-dark-5: rgb(84.0217391304, 192.8260869565, 211.4782608696);
+  --color-primary-dark-6: rgb(71.8260869565, 188.3913043478, 208.3739130435);
+  --color-primary-dark-7: rgb(59.6304347826, 183.9565217391, 205.2695652174);
+  --color-primary-light-1: rgb(157.1956521739, 219.4347826087, 230.1043478261);
+  --color-primary-light-2: rgb(169.3913043478, 223.8695652174, 233.2086956522);
+  --color-primary-light-3: rgb(181.5869565217, 228.3043478261, 236.3130434783);
+  --color-primary-light-4: rgb(193.7826086957, 232.7391304348, 239.4173913043);
+  --color-primary-light-5: rgb(205.9782608696, 237.1739130435, 242.5217391304);
+  --color-primary-light-6: rgb(218.1739130435, 241.6086956522, 245.6260869565);
+  --color-primary-light-7: rgb(230.3695652174, 246.0434782609, 248.7304347826);
+  --color-primary-alpha-10: rgba(145, 215, 227, 0.1);
+  --color-primary-alpha-20: rgba(145, 215, 227, 0.2);
+  --color-primary-alpha-30: rgba(145, 215, 227, 0.3);
+  --color-primary-alpha-40: rgba(145, 215, 227, 0.4);
+  --color-primary-alpha-50: rgba(145, 215, 227, 0.5);
+  --color-primary-alpha-60: rgba(145, 215, 227, 0.6);
+  --color-primary-alpha-70: rgba(145, 215, 227, 0.7);
+  --color-primary-alpha-80: rgba(145, 215, 227, 0.8);
+  --color-primary-alpha-90: rgba(145, 215, 227, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #91d7e3;
+  --color-label-hover-bg: rgb(120.6086956522, 206.1304347826, 220.7913043478);
+  --color-label-active-bg: rgb(132.8043478261, 210.5652173913, 223.8956521739);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(145, 215, 227, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #91d7e3 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-teal.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-teal.css
new file mode 100644
index 0000000..f96d7da
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-teal.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #8bd5ca;
+  --color-primary: #8bd5ca;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(120.2784810127, 206.2215189873, 193.4462025316);
+  --color-primary-dark-1: rgb(127.7670886076, 208.9329113924, 196.867721519);
+  --color-primary-dark-2: rgb(116.5341772152, 204.8658227848, 191.735443038);
+  --color-primary-dark-3: rgb(105.3012658228, 200.7987341772, 186.603164557);
+  --color-primary-dark-4: rgb(94.0683544304, 196.7316455696, 181.4708860759);
+  --color-primary-dark-5: rgb(82.835443038, 192.664556962, 176.3386075949);
+  --color-primary-dark-6: rgb(71.6025316456, 188.5974683544, 171.2063291139);
+  --color-primary-dark-7: rgb(65.1, 179.8, 162.75);
+  --color-primary-light-1: rgb(150.2329113924, 217.0670886076, 207.132278481);
+  --color-primary-light-2: rgb(161.4658227848, 221.1341772152, 212.264556962);
+  --color-primary-light-3: rgb(172.6987341772, 225.2012658228, 217.396835443);
+  --color-primary-light-4: rgb(183.9316455696, 229.2683544304, 222.5291139241);
+  --color-primary-light-5: rgb(195.164556962, 233.335443038, 227.6613924051);
+  --color-primary-light-6: rgb(206.3974683544, 237.4025316456, 232.7936708861);
+  --color-primary-light-7: rgb(217.6303797468, 241.4696202532, 237.9259493671);
+  --color-primary-alpha-10: rgba(139, 213, 202, 0.1);
+  --color-primary-alpha-20: rgba(139, 213, 202, 0.2);
+  --color-primary-alpha-30: rgba(139, 213, 202, 0.3);
+  --color-primary-alpha-40: rgba(139, 213, 202, 0.4);
+  --color-primary-alpha-50: rgba(139, 213, 202, 0.5);
+  --color-primary-alpha-60: rgba(139, 213, 202, 0.6);
+  --color-primary-alpha-70: rgba(139, 213, 202, 0.7);
+  --color-primary-alpha-80: rgba(139, 213, 202, 0.8);
+  --color-primary-alpha-90: rgba(139, 213, 202, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #8bd5ca;
+  --color-label-hover-bg: rgb(116.5341772152, 204.8658227848, 191.735443038);
+  --color-label-active-bg: rgb(127.7670886076, 208.9329113924, 196.867721519);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(139, 213, 202, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #8bd5ca !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-yellow.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-yellow.css
new file mode 100644
index 0000000..b181db6
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-macchiato-yellow.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #eed49f;
+  --color-primary: #eed49f;
+  --color-primary-contrast: #181926;
+  --color-primary-hover: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-primary-dark-1: rgb(235.6982300885, 206.1778761062, 146.0017699115);
+  --color-primary-dark-2: rgb(233.396460177, 200.3557522124, 133.003539823);
+  --color-primary-dark-3: rgb(231.0946902655, 194.5336283186, 120.0053097345);
+  --color-primary-dark-4: rgb(228.792920354, 188.7115044248, 107.007079646);
+  --color-primary-dark-5: rgb(226.4911504425, 182.889380531, 94.0088495575);
+  --color-primary-dark-6: rgb(224.189380531, 177.0672566372, 81.010619469);
+  --color-primary-dark-7: rgb(221.8876106195, 171.2451327434, 68.0123893805);
+  --color-primary-light-1: rgb(240.3017699115, 217.8221238938, 171.9982300885);
+  --color-primary-light-2: rgb(242.603539823, 223.6442477876, 184.996460177);
+  --color-primary-light-3: rgb(244.9053097345, 229.4663716814, 197.9946902655);
+  --color-primary-light-4: rgb(247.207079646, 235.2884955752, 210.992920354);
+  --color-primary-light-5: rgb(249.5088495575, 241.110619469, 223.9911504425);
+  --color-primary-light-6: rgb(251.810619469, 246.9327433628, 236.989380531);
+  --color-primary-light-7: rgb(254.1123893805, 252.7548672566, 249.9876106195);
+  --color-primary-alpha-10: rgba(238, 212, 159, 0.1);
+  --color-primary-alpha-20: rgba(238, 212, 159, 0.2);
+  --color-primary-alpha-30: rgba(238, 212, 159, 0.3);
+  --color-primary-alpha-40: rgba(238, 212, 159, 0.4);
+  --color-primary-alpha-50: rgba(238, 212, 159, 0.5);
+  --color-primary-alpha-60: rgba(238, 212, 159, 0.6);
+  --color-primary-alpha-70: rgba(238, 212, 159, 0.7);
+  --color-primary-alpha-80: rgba(238, 212, 159, 0.8);
+  --color-primary-alpha-90: rgba(238, 212, 159, 0.9);
+  --color-secondary: #494d64;
+  --color-secondary-dark-1: rgb(60.2120300752, 64.6721804511, 88.0879699248);
+  --color-secondary-dark-2: rgb(66.4240601504, 71.3443609023, 97.1759398496);
+  --color-secondary-dark-3: rgb(72.6360902256, 78.0165413534, 106.2639097744);
+  --color-secondary-dark-4: rgb(78.8481203008, 84.6887218045, 115.3518796992);
+  --color-secondary-dark-5: rgb(85.0601503759, 91.3609022556, 124.4398496241);
+  --color-secondary-dark-6: rgb(91.2721804511, 98.0330827068, 133.5278195489);
+  --color-secondary-dark-7: rgb(97.4842105263, 104.7052631579, 142.6157894737);
+  --color-secondary-dark-8: rgb(103.7714285714, 111.4285714286, 151.6285714286);
+  --color-secondary-dark-9: rgb(112.8593984962, 120.0563909774, 157.8406015038);
+  --color-secondary-dark-10: rgb(121.9473684211, 128.6842105263, 164.0526315789);
+  --color-secondary-dark-11: rgb(131.0353383459, 137.3120300752, 170.2646616541);
+  --color-secondary-dark-12: rgb(140.1233082707, 145.9398496241, 176.4766917293);
+  --color-secondary-dark-13: rgb(149.2112781955, 154.5676691729, 182.6887218045);
+  --color-secondary-light-1: rgb(47.7879699248, 51.3278195489, 69.9120300752);
+  --color-secondary-light-2: rgb(41.5759398496, 44.6556390977, 60.8240601504);
+  --color-secondary-light-3: rgb(35.3639097744, 37.9834586466, 51.7360902256);
+  --color-secondary-light-4: rgb(29.1518796992, 31.3112781955, 42.6481203008);
+  --color-secondary-alpha-10: rgba(54, 58, 79, 0.1);
+  --color-secondary-alpha-20: rgba(54, 58, 79, 0.2);
+  --color-secondary-alpha-30: rgba(54, 58, 79, 0.3);
+  --color-secondary-alpha-40: rgba(54, 58, 79, 0.4);
+  --color-secondary-alpha-50: rgba(54, 58, 79, 0.5);
+  --color-secondary-alpha-60: rgba(54, 58, 79, 0.6);
+  --color-secondary-alpha-70: rgba(54, 58, 79, 0.7);
+  --color-secondary-alpha-80: rgba(54, 58, 79, 0.8);
+  --color-secondary-alpha-90: rgba(54, 58, 79, 0.9);
+  /* colors */
+  --color-red: #ed8796;
+  --color-orange: #f5a97f;
+  --color-yellow: #eed49f;
+  --color-olive: #a6da95;
+  --color-green: #a6da95;
+  --color-teal: #8bd5ca;
+  --color-blue: #8aadf4;
+  --color-violet: #b7bdf8;
+  --color-purple: #c6a0f6;
+  --color-pink: #f5bde6;
+  --color-brown: #f0c6c6;
+  --color-grey: #939ab7;
+  --color-black: #1e2030;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-light: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-light: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-light: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-light: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-light: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-light: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-light: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-light: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-light: rgb(229.375, 157.625, 157.625);
+  --color-grey-light: rgb(116.4, 125.3833333333, 162.6);
+  --color-black-light: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-orange-dark-1: rgb(241.3043478261, 137.2173913043, 79.6956521739);
+  --color-yellow-dark-1: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-olive-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-green-dark-1: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-teal-dark-1: rgb(101.5569620253, 199.4430379747, 184.8924050633);
+  --color-blue-dark-1: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-violet-dark-1: rgb(136.5189873418, 146.3924050633, 243.4810126582);
+  --color-purple-dark-1: rgb(170.0480769231, 113.4134615385, 241.5865384615);
+  --color-pink-dark-1: rgb(238.2894736842, 144.7105263158, 213.2236842105);
+  --color-brown-dark-1: rgb(229.375, 157.625, 157.625);
+  --color-black-dark-1: rgb(10.3846153846, 11.0769230769, 16.6153846154);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(223.6956521739, 46.3043478261, 72.3913043478);
+  --color-orange-dark-2: rgb(237.6086956522, 105.4347826087, 32.3913043478);
+  --color-yellow-dark-2: rgb(222.6548672566, 173.185840708, 72.3451327434);
+  --color-olive-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-green-dark-2: rgb(102.5174825175, 191.6083916084, 73.3916083916);
+  --color-teal-dark-2: rgb(66.4556962025, 183.5443037975, 166.1392405063);
+  --color-blue-dark-2: rgb(44.765625, 107.65625, 235.234375);
+  --color-violet-dark-2: rgb(90.0379746835, 103.7848101266, 238.9620253165);
+  --color-purple-dark-2: rgb(142.0961538462, 66.8269230769, 237.1730769231);
+  --color-pink-dark-2: rgb(231.5789473684, 100.4210526316, 196.4473684211);
+  --color-brown-dark-2: rgb(218.75, 117.25, 117.25);
+  --color-black-dark-2: hsl(233.3333333333, 23.0769230769%, -4.7058823529%);
+  /* other colors */
+  --color-gold: #f4dbd6;
+  --color-white: #cad3f5;
+  --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15);
+  --color-diff-added-word-bg: rgba(166, 218, 149, 0.15);
+  --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-bg: rgba(166, 218, 149, 0.07);
+  --color-diff-removed-row-border: rgba(237, 135, 150, 0.07);
+  --color-diff-moved-row-border: rgba(238, 212, 159, 0.07);
+  --color-diff-added-row-border: rgba(166, 218, 149, 0.07);
+  --color-diff-inactive: #939ab7;
+  --color-error-border: #ed8796;
+  --color-error-bg: #ed8796;
+  --color-error-bg-active: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-error-bg-hover: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-error-text: #181926;
+  --color-success-border: rgb(134.2587412587, 204.8041958042, 111.1958041958);
+  --color-success-bg: #a6da95;
+  --color-success-text: #181926;
+  --color-warning-border: rgb(230.3274336283, 192.592920354, 115.6725663717);
+  --color-warning-bg: #eed49f;
+  --color-warning-text: #181926;
+  --color-info-border: rgb(91.3828125, 140.328125, 239.6171875);
+  --color-info-bg: #181926;
+  --color-info-text: #cad3f5;
+  --color-red-badge: rgb(230.347826087, 90.652173913, 111.1956521739);
+  --color-red-badge-bg: #181926;
+  --color-red-badge-hover-bg: rgb(233.6739130435, 112.8260869565, 130.597826087);
+  --color-green-badge: #a6da95;
+  --color-green-badge-bg: #a6da95;
+  --color-green-badge-hover-bg: rgb(150.1293706294, 211.4020979021, 130.0979020979);
+  --color-yellow-badge: #eed49f;
+  --color-yellow-badge-bg: #181926;
+  --color-yellow-badge-hover-bg: rgb(234.1637168142, 202.296460177, 137.3362831858);
+  --color-orange-badge: #f5a97f;
+  --color-orange-badge-bg: #181926;
+  --color-orange-badge-hover-bg: rgb(243.152173913, 153.1086956522, 103.347826087);
+  --color-git: #f5a97f;
+  --color-highlight-bg: rgba(238, 212, 159, 0.15);
+  /* target-based colors */
+  --color-body: #181926;
+  --color-box-header: #1e2030;
+  --color-box-body: #1e2030;
+  --color-box-body-highlight: #363a4f;
+  --color-text-dark: #a5adcb;
+  --color-text: #cad3f5;
+  --color-text-light: #b8c0e0;
+  --color-text-light-1: #b8c0e0;
+  --color-text-light-2: #b8c0e0;
+  --color-text-light-3: #b8c0e0;
+  --color-footer: #1e2030;
+  --color-timeline: #363a4f;
+  --color-input-text: #cad3f5;
+  --color-input-background: #363a4f;
+  --color-input-toggle-background: #363a4f;
+  --color-input-border: #494d64;
+  --color-input-border-hover: #5b6078;
+  --color-nav-bg: #1e2030;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #1e2030;
+  --color-navbar-transparent: rgba(24, 25, 38, 0);
+  --color-light: rgba(91, 96, 120, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #5b6078;
+  --color-hover: rgba(110, 115, 141, 0.2);
+  --color-active: rgba(202, 211, 245, 0.1);
+  --color-menu: #363a4f;
+  --color-card: #363a4f;
+  --color-markup-table-row: rgba(202, 211, 245, 0.02);
+  --color-markup-code-block: rgba(202, 211, 245, 0.05);
+  --color-markup-code-inline: #363a4f;
+  --color-button: #363a4f;
+  --color-code-bg: #24273a;
+  --color-code-sidebar-bg: #363a4f;
+  --color-shadow: rgba(24, 25, 38, 0.1);
+  --color-tooltip-bg: #363a4f;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #363a4f;
+  --color-text-focus: #cad3f5;
+  --color-expand-button: #5b6078;
+  --color-placeholder-text: #a5adcb;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(202, 211, 245, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #1e2030;
+  --color-header-wrapper-transparent: rgba(30, 32, 48, 0);
+  --color-label-text: #181926;
+  --color-label-bg: #eed49f;
+  --color-label-hover-bg: rgb(233.396460177, 200.3557522124, 133.003539823);
+  --color-label-active-bg: rgb(235.6982300885, 206.1778761062, 146.0017699115);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #494d64;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #181926;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #24273a;
+}
+
+.ui.basic.modal {
+  background-color: #24273a;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #181926;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #181926;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #181926;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cad3f5 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #181926;
+}
+
+::selection {
+  background: rgba(238, 212, 159, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #f5a97f;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6e738d;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6e738d;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6e738d;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6e738d;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #8aadf4;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #8aadf4;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6e738d;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #8aadf4;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cad3f5;
+  background-color: rgba(237, 135, 150, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #91d7e3;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cad3f5;
+  background-color: rgba(166, 218, 149, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #f5a97f;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6e738d;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #ee99a0;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #ee99a0;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #91d7e3;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #f5a97f;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #c6a0f6;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #eed49f;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #c6a0f6;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #eed49f;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #c6a0f6;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #c6a0f6;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #eed49f;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #f5a97f;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #f5a97f;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #f5a97f;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #f5a97f;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #f5a97f;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #f5a97f;
+}
+
+/* Name */
+.chroma .n {
+  color: #b7bdf8;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #eed49f;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #f5a97f;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #eed49f;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5bde6;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #ee99a0;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #8aadf4;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5bde6;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #eed49f;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #eed49f;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #eed49f;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #c6a0f6;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #f5a97f;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #f5a97f;
+}
+
+/* Operator */
+.chroma .o {
+  color: #91d7e3;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #91d7e3;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #939ab7;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6da95;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6da95;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6da95;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6da95;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6da95;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6da95;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6da95;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #8aadf4;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6da95;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6da95;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #8aadf4;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6da95;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6da95;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #eed49f;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #f5a97f;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #eed49f;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #363a4f;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cad3f5;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cad3f5;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6da95;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #c6a0f6;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #ed8796;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #f5a97f;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cad3f5;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #91d7e3;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #8bd5ca;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #5b6078;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6da95;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6da95;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #f5a97f;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #f5a97f;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #f5a97f;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cad3f5;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #eed49f;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #eed49f;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #939ab7;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #8aadf4;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #8aadf4;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #ed8796;
+}
+
+.monaco-editor .selected-text {
+  background-color: #363a4f !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a5adcb !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #eed49f !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(47.52, 51.16, 71.44) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk4 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk5 {
+  color: #cad3f5 !important;
+}
+.monaco-editor .mtk6 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk7 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk8 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk9 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a5adcb !important;
+}
+.monaco-editor .mtk11 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk12 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #c6a0f6 !important;
+}
+.monaco-editor .mtk16 {
+  color: #939ab7 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #8bd5ca !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6da95 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #8aadf4 !important;
+}
+.monaco-editor .mtk24 {
+  color: #f5a97f !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5bde6 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(223, 165.4, 188) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(227.8, 185.8, 174.2) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(223.6, 211.6, 193.4) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(180.4, 215.2, 187.4) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(163.6, 188.2, 244.4) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(199.6, 180.4, 245.6) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-maroon-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-maroon-auto.css
new file mode 100644
index 0000000..2ecf1f7
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-maroon-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-maroon.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-maroon.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mauve-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mauve-auto.css
new file mode 100644
index 0000000..64b8e24
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mauve-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-mauve.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-mauve.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-blue.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-blue.css
new file mode 100644
index 0000000..e7fd742
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-blue.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #89b4fa;
+  --color-primary: #89b4fa;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(112.5365853659, 164.4512195122, 248.9634146341);
+  --color-primary-dark-1: rgb(122.3219512195, 170.6707317073, 249.3780487805);
+  --color-primary-dark-2: rgb(107.643902439, 161.3414634146, 248.756097561);
+  --color-primary-dark-3: rgb(92.9658536585, 152.012195122, 248.1341463415);
+  --color-primary-dark-4: rgb(78.287804878, 142.6829268293, 247.512195122);
+  --color-primary-dark-5: rgb(63.6097560976, 133.3536585366, 246.8902439024);
+  --color-primary-dark-6: rgb(48.9317073171, 124.0243902439, 246.2682926829);
+  --color-primary-dark-7: rgb(34.2536585366, 114.6951219512, 245.6463414634);
+  --color-primary-light-1: rgb(151.6780487805, 189.3292682927, 250.6219512195);
+  --color-primary-light-2: rgb(166.356097561, 198.6585365854, 251.243902439);
+  --color-primary-light-3: rgb(181.0341463415, 207.987804878, 251.8658536585);
+  --color-primary-light-4: rgb(195.712195122, 217.3170731707, 252.487804878);
+  --color-primary-light-5: rgb(210.3902439024, 226.6463414634, 253.1097560976);
+  --color-primary-light-6: rgb(225.0682926829, 235.9756097561, 253.7317073171);
+  --color-primary-light-7: rgb(239.7463414634, 245.3048780488, 254.3536585366);
+  --color-primary-alpha-10: rgba(137, 180, 250, 0.1);
+  --color-primary-alpha-20: rgba(137, 180, 250, 0.2);
+  --color-primary-alpha-30: rgba(137, 180, 250, 0.3);
+  --color-primary-alpha-40: rgba(137, 180, 250, 0.4);
+  --color-primary-alpha-50: rgba(137, 180, 250, 0.5);
+  --color-primary-alpha-60: rgba(137, 180, 250, 0.6);
+  --color-primary-alpha-70: rgba(137, 180, 250, 0.7);
+  --color-primary-alpha-80: rgba(137, 180, 250, 0.8);
+  --color-primary-alpha-90: rgba(137, 180, 250, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #89b4fa;
+  --color-label-hover-bg: rgb(107.643902439, 161.3414634146, 248.756097561);
+  --color-label-active-bg: rgb(122.3219512195, 170.6707317073, 249.3780487805);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(137, 180, 250, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #89b4fa !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-flamingo.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-flamingo.css
new file mode 100644
index 0000000..27ab851
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-flamingo.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f2cdcd;
+  --color-primary: #f2cdcd;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(236.7380952381, 184.7619047619, 184.7619047619);
+  --color-primary-dark-1: rgb(238.8428571429, 192.8571428571, 192.8571428571);
+  --color-primary-dark-2: rgb(235.6857142857, 180.7142857143, 180.7142857143);
+  --color-primary-dark-3: rgb(232.5285714286, 168.5714285714, 168.5714285714);
+  --color-primary-dark-4: rgb(229.3714285714, 156.4285714286, 156.4285714286);
+  --color-primary-dark-5: rgb(226.2142857143, 144.2857142857, 144.2857142857);
+  --color-primary-dark-6: rgb(223.0571428571, 132.1428571429, 132.1428571429);
+  --color-primary-dark-7: rgb(219.9, 120, 120);
+  --color-primary-light-1: rgb(245.1571428571, 217.1428571429, 217.1428571429);
+  --color-primary-light-2: rgb(248.3142857143, 229.2857142857, 229.2857142857);
+  --color-primary-light-3: rgb(251.4714285714, 241.4285714286, 241.4285714286);
+  --color-primary-light-4: rgb(254.6285714286, 253.5714285714, 253.5714285714);
+  --color-primary-light-5: hsl(0, 58.7301587302%, 102.6470588235%);
+  --color-primary-light-6: hsl(0, 58.7301587302%, 105.6470588235%);
+  --color-primary-light-7: hsl(0, 58.7301587302%, 108.6470588235%);
+  --color-primary-alpha-10: rgba(242, 205, 205, 0.1);
+  --color-primary-alpha-20: rgba(242, 205, 205, 0.2);
+  --color-primary-alpha-30: rgba(242, 205, 205, 0.3);
+  --color-primary-alpha-40: rgba(242, 205, 205, 0.4);
+  --color-primary-alpha-50: rgba(242, 205, 205, 0.5);
+  --color-primary-alpha-60: rgba(242, 205, 205, 0.6);
+  --color-primary-alpha-70: rgba(242, 205, 205, 0.7);
+  --color-primary-alpha-80: rgba(242, 205, 205, 0.8);
+  --color-primary-alpha-90: rgba(242, 205, 205, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #f2cdcd;
+  --color-label-hover-bg: rgb(235.6857142857, 180.7142857143, 180.7142857143);
+  --color-label-active-bg: rgb(238.8428571429, 192.8571428571, 192.8571428571);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(242, 205, 205, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f2cdcd !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-green.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-green.css
new file mode 100644
index 0000000..18e0e50
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-green.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #a6e3a1;
+  --color-primary: #a6e3a1;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-primary-dark-1: rgb(154.8385245902, 223.4885245902, 149.2114754098);
+  --color-primary-dark-2: rgb(143.6770491803, 219.9770491803, 137.4229508197);
+  --color-primary-dark-3: rgb(132.5155737705, 216.4655737705, 125.6344262295);
+  --color-primary-dark-4: rgb(121.3540983607, 212.9540983607, 113.8459016393);
+  --color-primary-dark-5: rgb(110.1926229508, 209.4426229508, 102.0573770492);
+  --color-primary-dark-6: rgb(99.031147541, 205.931147541, 90.268852459);
+  --color-primary-dark-7: rgb(87.8696721311, 202.4196721311, 78.4803278689);
+  --color-primary-light-1: rgb(177.1614754098, 230.5114754098, 172.7885245902);
+  --color-primary-light-2: rgb(188.3229508197, 234.0229508197, 184.5770491803);
+  --color-primary-light-3: rgb(199.4844262295, 237.5344262295, 196.3655737705);
+  --color-primary-light-4: rgb(210.6459016393, 241.0459016393, 208.1540983607);
+  --color-primary-light-5: rgb(221.8073770492, 244.5573770492, 219.9426229508);
+  --color-primary-light-6: rgb(232.968852459, 248.068852459, 231.731147541);
+  --color-primary-light-7: rgb(244.1303278689, 251.5803278689, 243.5196721311);
+  --color-primary-alpha-10: rgba(166, 227, 161, 0.1);
+  --color-primary-alpha-20: rgba(166, 227, 161, 0.2);
+  --color-primary-alpha-30: rgba(166, 227, 161, 0.3);
+  --color-primary-alpha-40: rgba(166, 227, 161, 0.4);
+  --color-primary-alpha-50: rgba(166, 227, 161, 0.5);
+  --color-primary-alpha-60: rgba(166, 227, 161, 0.6);
+  --color-primary-alpha-70: rgba(166, 227, 161, 0.7);
+  --color-primary-alpha-80: rgba(166, 227, 161, 0.8);
+  --color-primary-alpha-90: rgba(166, 227, 161, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #a6e3a1;
+  --color-label-hover-bg: rgb(143.6770491803, 219.9770491803, 137.4229508197);
+  --color-label-active-bg: rgb(154.8385245902, 223.4885245902, 149.2114754098);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(166, 227, 161, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-lavender.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-lavender.css
new file mode 100644
index 0000000..95be21a
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-lavender.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #b4befe;
+  --color-primary: #b4befe;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(154.8355263158, 168.1907894737, 253.6644736842);
+  --color-primary-dark-1: rgb(164.9013157895, 176.9144736842, 253.7986842105);
+  --color-primary-dark-2: rgb(149.8026315789, 163.8289473684, 253.5973684211);
+  --color-primary-dark-3: rgb(134.7039473684, 150.7434210526, 253.3960526316);
+  --color-primary-dark-4: rgb(119.6052631579, 137.6578947368, 253.1947368421);
+  --color-primary-dark-5: rgb(104.5065789474, 124.5723684211, 252.9934210526);
+  --color-primary-dark-6: rgb(89.4078947368, 111.4868421053, 252.7921052632);
+  --color-primary-dark-7: rgb(74.3092105263, 98.4013157895, 252.5907894737);
+  --color-primary-light-1: rgb(195.0986842105, 203.0855263158, 254.2013157895);
+  --color-primary-light-2: rgb(210.1973684211, 216.1710526316, 254.4026315789);
+  --color-primary-light-3: rgb(225.2960526316, 229.2565789474, 254.6039473684);
+  --color-primary-light-4: rgb(240.3947368421, 242.3421052632, 254.8052631579);
+  --color-primary-light-5: hsl(231.8918918919, 97.3684210526%, 100.0980392157%);
+  --color-primary-light-6: hsl(231.8918918919, 97.3684210526%, 103.0980392157%);
+  --color-primary-light-7: hsl(231.8918918919, 97.3684210526%, 106.0980392157%);
+  --color-primary-alpha-10: rgba(180, 190, 254, 0.1);
+  --color-primary-alpha-20: rgba(180, 190, 254, 0.2);
+  --color-primary-alpha-30: rgba(180, 190, 254, 0.3);
+  --color-primary-alpha-40: rgba(180, 190, 254, 0.4);
+  --color-primary-alpha-50: rgba(180, 190, 254, 0.5);
+  --color-primary-alpha-60: rgba(180, 190, 254, 0.6);
+  --color-primary-alpha-70: rgba(180, 190, 254, 0.7);
+  --color-primary-alpha-80: rgba(180, 190, 254, 0.8);
+  --color-primary-alpha-90: rgba(180, 190, 254, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #b4befe;
+  --color-label-hover-bg: rgb(149.8026315789, 163.8289473684, 253.5973684211);
+  --color-label-active-bg: rgb(164.9013157895, 176.9144736842, 253.7986842105);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(180, 190, 254, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #b4befe !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-maroon.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-maroon.css
new file mode 100644
index 0000000..515e92b
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-maroon.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #eba0ac;
+  --color-primary: #eba0ac;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(230.5652173913, 138.9347826087, 153.5956521739);
+  --color-primary-dark-1: rgb(232.3391304348, 147.3608695652, 160.9573913043);
+  --color-primary-dark-2: rgb(229.6782608696, 134.7217391304, 149.9147826087);
+  --color-primary-dark-3: rgb(227.0173913043, 122.0826086957, 138.872173913);
+  --color-primary-dark-4: rgb(224.3565217391, 109.4434782609, 127.8295652174);
+  --color-primary-dark-5: rgb(221.6956521739, 96.8043478261, 116.7869565217);
+  --color-primary-dark-6: rgb(219.0347826087, 84.1652173913, 105.7443478261);
+  --color-primary-dark-7: rgb(216.3739130435, 71.5260869565, 94.7017391304);
+  --color-primary-light-1: rgb(237.6608695652, 172.6391304348, 183.0426086957);
+  --color-primary-light-2: rgb(240.3217391304, 185.2782608696, 194.0852173913);
+  --color-primary-light-3: rgb(242.9826086957, 197.9173913043, 205.127826087);
+  --color-primary-light-4: rgb(245.6434782609, 210.5565217391, 216.1704347826);
+  --color-primary-light-5: rgb(248.3043478261, 223.1956521739, 227.2130434783);
+  --color-primary-light-6: rgb(250.9652173913, 235.8347826087, 238.2556521739);
+  --color-primary-light-7: rgb(253.6260869565, 248.4739130435, 249.2982608696);
+  --color-primary-alpha-10: rgba(235, 160, 172, 0.1);
+  --color-primary-alpha-20: rgba(235, 160, 172, 0.2);
+  --color-primary-alpha-30: rgba(235, 160, 172, 0.3);
+  --color-primary-alpha-40: rgba(235, 160, 172, 0.4);
+  --color-primary-alpha-50: rgba(235, 160, 172, 0.5);
+  --color-primary-alpha-60: rgba(235, 160, 172, 0.6);
+  --color-primary-alpha-70: rgba(235, 160, 172, 0.7);
+  --color-primary-alpha-80: rgba(235, 160, 172, 0.8);
+  --color-primary-alpha-90: rgba(235, 160, 172, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #eba0ac;
+  --color-label-hover-bg: rgb(229.6782608696, 134.7217391304, 149.9147826087);
+  --color-label-active-bg: rgb(232.3391304348, 147.3608695652, 160.9573913043);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(235, 160, 172, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #eba0ac !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-mauve.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-mauve.css
new file mode 100644
index 0000000..203d129
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-mauve.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #cba6f7;
+  --color-primary: #cba6f7;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(189.3298969072, 142.6030927835, 244.8969072165);
+  --color-primary-dark-1: rgb(194.7979381443, 151.9618556701, 245.7381443299);
+  --color-primary-dark-2: rgb(186.5958762887, 137.9237113402, 244.4762886598);
+  --color-primary-dark-3: rgb(178.393814433, 123.8855670103, 243.2144329897);
+  --color-primary-dark-4: rgb(170.1917525773, 109.8474226804, 241.9525773196);
+  --color-primary-dark-5: rgb(161.9896907216, 95.8092783505, 240.6907216495);
+  --color-primary-dark-6: rgb(153.787628866, 81.7711340206, 239.4288659794);
+  --color-primary-dark-7: rgb(145.5855670103, 67.7329896907, 238.1670103093);
+  --color-primary-light-1: rgb(211.2020618557, 180.0381443299, 248.2618556701);
+  --color-primary-light-2: rgb(219.4041237113, 194.0762886598, 249.5237113402);
+  --color-primary-light-3: rgb(227.606185567, 208.1144329897, 250.7855670103);
+  --color-primary-light-4: rgb(235.8082474227, 222.1525773196, 252.0474226804);
+  --color-primary-light-5: rgb(244.0103092784, 236.1907216495, 253.3092783505);
+  --color-primary-light-6: rgb(252.212371134, 250.2288659794, 254.5711340206);
+  --color-primary-light-7: hsl(267.4074074074, 83.5051546392%, 101.9803921569%);
+  --color-primary-alpha-10: rgba(203, 166, 247, 0.1);
+  --color-primary-alpha-20: rgba(203, 166, 247, 0.2);
+  --color-primary-alpha-30: rgba(203, 166, 247, 0.3);
+  --color-primary-alpha-40: rgba(203, 166, 247, 0.4);
+  --color-primary-alpha-50: rgba(203, 166, 247, 0.5);
+  --color-primary-alpha-60: rgba(203, 166, 247, 0.6);
+  --color-primary-alpha-70: rgba(203, 166, 247, 0.7);
+  --color-primary-alpha-80: rgba(203, 166, 247, 0.8);
+  --color-primary-alpha-90: rgba(203, 166, 247, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #cba6f7;
+  --color-label-hover-bg: rgb(186.5958762887, 137.9237113402, 244.4762886598);
+  --color-label-active-bg: rgb(194.7979381443, 151.9618556701, 245.7381443299);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(203, 166, 247, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #cba6f7 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-peach.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-peach.css
new file mode 100644
index 0000000..b3a0dfb
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-peach.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #fab387;
+  --color-primary: #fab387;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(248.98, 163.496, 110.52);
+  --color-primary-dark-1: rgb(249.388, 169.6976, 120.312);
+  --color-primary-dark-2: rgb(248.776, 160.3952, 105.624);
+  --color-primary-dark-3: rgb(248.164, 151.0928, 90.936);
+  --color-primary-dark-4: rgb(247.552, 141.7904, 76.248);
+  --color-primary-dark-5: rgb(246.94, 132.488, 61.56);
+  --color-primary-dark-6: rgb(246.328, 123.1856, 46.872);
+  --color-primary-dark-7: rgb(245.716, 113.8832, 32.184);
+  --color-primary-light-1: rgb(250.612, 188.3024, 149.688);
+  --color-primary-light-2: rgb(251.224, 197.6048, 164.376);
+  --color-primary-light-3: rgb(251.836, 206.9072, 179.064);
+  --color-primary-light-4: rgb(252.448, 216.2096, 193.752);
+  --color-primary-light-5: rgb(253.06, 225.512, 208.44);
+  --color-primary-light-6: rgb(253.672, 234.8144, 223.128);
+  --color-primary-light-7: rgb(254.284, 244.1168, 237.816);
+  --color-primary-alpha-10: rgba(250, 179, 135, 0.1);
+  --color-primary-alpha-20: rgba(250, 179, 135, 0.2);
+  --color-primary-alpha-30: rgba(250, 179, 135, 0.3);
+  --color-primary-alpha-40: rgba(250, 179, 135, 0.4);
+  --color-primary-alpha-50: rgba(250, 179, 135, 0.5);
+  --color-primary-alpha-60: rgba(250, 179, 135, 0.6);
+  --color-primary-alpha-70: rgba(250, 179, 135, 0.7);
+  --color-primary-alpha-80: rgba(250, 179, 135, 0.8);
+  --color-primary-alpha-90: rgba(250, 179, 135, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #fab387;
+  --color-label-hover-bg: rgb(248.776, 160.3952, 105.624);
+  --color-label-active-bg: rgb(249.388, 169.6976, 120.312);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(250, 179, 135, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #fab387 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-pink.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-pink.css
new file mode 100644
index 0000000..a5e803d
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-pink.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f5c2e7;
+  --color-primary: #f5c2e7;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(241.4084507042, 172.0915492958, 222.3802816901);
+  --color-primary-dark-1: rgb(242.8450704225, 180.8549295775, 225.8281690141);
+  --color-primary-dark-2: rgb(240.6901408451, 167.7098591549, 220.6563380282);
+  --color-primary-dark-3: rgb(238.5352112676, 154.5647887324, 215.4845070423);
+  --color-primary-dark-4: rgb(236.3802816901, 141.4197183099, 210.3126760563);
+  --color-primary-dark-5: rgb(234.2253521127, 128.2746478873, 205.1408450704);
+  --color-primary-dark-6: rgb(232.0704225352, 115.1295774648, 199.9690140845);
+  --color-primary-dark-7: rgb(229.9154929577, 101.9845070423, 194.7971830986);
+  --color-primary-light-1: rgb(247.1549295775, 207.1450704225, 236.1718309859);
+  --color-primary-light-2: rgb(249.3098591549, 220.2901408451, 241.3436619718);
+  --color-primary-light-3: rgb(251.4647887324, 233.4352112676, 246.5154929577);
+  --color-primary-light-4: rgb(253.6197183099, 246.5802816901, 251.6873239437);
+  --color-primary-light-5: hsl(316.4705882353, 71.8309859155%, 101.0784313725%);
+  --color-primary-light-6: hsl(316.4705882353, 71.8309859155%, 104.0784313725%);
+  --color-primary-light-7: hsl(316.4705882353, 71.8309859155%, 107.0784313725%);
+  --color-primary-alpha-10: rgba(245, 194, 231, 0.1);
+  --color-primary-alpha-20: rgba(245, 194, 231, 0.2);
+  --color-primary-alpha-30: rgba(245, 194, 231, 0.3);
+  --color-primary-alpha-40: rgba(245, 194, 231, 0.4);
+  --color-primary-alpha-50: rgba(245, 194, 231, 0.5);
+  --color-primary-alpha-60: rgba(245, 194, 231, 0.6);
+  --color-primary-alpha-70: rgba(245, 194, 231, 0.7);
+  --color-primary-alpha-80: rgba(245, 194, 231, 0.8);
+  --color-primary-alpha-90: rgba(245, 194, 231, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #f5c2e7;
+  --color-label-hover-bg: rgb(240.6901408451, 167.7098591549, 220.6563380282);
+  --color-label-active-bg: rgb(242.8450704225, 180.8549295775, 225.8281690141);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(245, 194, 231, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-red.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-red.css
new file mode 100644
index 0000000..aef8ca2
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-red.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f38ba8;
+  --color-primary: #f38ba8;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(240.609375, 115.890625, 150.66796875);
+  --color-primary-dark-1: rgb(241.565625, 125.134375, 157.60078125);
+  --color-primary-dark-2: rgb(240.13125, 111.26875, 147.2015625);
+  --color-primary-dark-3: rgb(238.696875, 97.403125, 136.80234375);
+  --color-primary-dark-4: rgb(237.2625, 83.5375, 126.403125);
+  --color-primary-dark-5: rgb(235.828125, 69.671875, 116.00390625);
+  --color-primary-dark-6: rgb(234.39375, 55.80625, 105.6046875);
+  --color-primary-dark-7: rgb(232.959375, 41.940625, 95.20546875);
+  --color-primary-light-1: rgb(244.434375, 152.865625, 178.39921875);
+  --color-primary-light-2: rgb(245.86875, 166.73125, 188.7984375);
+  --color-primary-light-3: rgb(247.303125, 180.596875, 199.19765625);
+  --color-primary-light-4: rgb(248.7375, 194.4625, 209.596875);
+  --color-primary-light-5: rgb(250.171875, 208.328125, 219.99609375);
+  --color-primary-light-6: rgb(251.60625, 222.19375, 230.3953125);
+  --color-primary-light-7: rgb(253.040625, 236.059375, 240.79453125);
+  --color-primary-alpha-10: rgba(243, 139, 168, 0.1);
+  --color-primary-alpha-20: rgba(243, 139, 168, 0.2);
+  --color-primary-alpha-30: rgba(243, 139, 168, 0.3);
+  --color-primary-alpha-40: rgba(243, 139, 168, 0.4);
+  --color-primary-alpha-50: rgba(243, 139, 168, 0.5);
+  --color-primary-alpha-60: rgba(243, 139, 168, 0.6);
+  --color-primary-alpha-70: rgba(243, 139, 168, 0.7);
+  --color-primary-alpha-80: rgba(243, 139, 168, 0.8);
+  --color-primary-alpha-90: rgba(243, 139, 168, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #f38ba8;
+  --color-label-hover-bg: rgb(240.13125, 111.26875, 147.2015625);
+  --color-label-active-bg: rgb(241.565625, 125.134375, 157.60078125);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(243, 139, 168, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f38ba8 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-rosewater.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-rosewater.css
new file mode 100644
index 0000000..06d4aaf
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-rosewater.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f5e0dc;
+  --color-primary: #f5e0dc;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(239.3333333333, 206.4333333333, 200.1666666667);
+  --color-primary-dark-1: rgb(241.6, 213.46, 208.1);
+  --color-primary-dark-2: rgb(238.2, 202.92, 196.2);
+  --color-primary-dark-3: rgb(234.8, 192.38, 184.3);
+  --color-primary-dark-4: rgb(231.4, 181.84, 172.4);
+  --color-primary-dark-5: rgb(228, 171.3, 160.5);
+  --color-primary-dark-6: rgb(224.6, 160.76, 148.6);
+  --color-primary-dark-7: rgb(221.2, 150.22, 136.7);
+  --color-primary-light-1: rgb(248.4, 234.54, 231.9);
+  --color-primary-light-2: rgb(251.8, 245.08, 243.8);
+  --color-primary-light-3: hsl(9.6, 55.5555555555%, 100.1764705882%);
+  --color-primary-light-4: hsl(9.6, 55.5555555556%, 103.1764705882%);
+  --color-primary-light-5: hsl(9.6, 55.5555555556%, 106.1764705882%);
+  --color-primary-light-6: hsl(9.6, 55.5555555556%, 109.1764705882%);
+  --color-primary-light-7: hsl(9.6, 55.5555555556%, 112.1764705882%);
+  --color-primary-alpha-10: rgba(245, 224, 220, 0.1);
+  --color-primary-alpha-20: rgba(245, 224, 220, 0.2);
+  --color-primary-alpha-30: rgba(245, 224, 220, 0.3);
+  --color-primary-alpha-40: rgba(245, 224, 220, 0.4);
+  --color-primary-alpha-50: rgba(245, 224, 220, 0.5);
+  --color-primary-alpha-60: rgba(245, 224, 220, 0.6);
+  --color-primary-alpha-70: rgba(245, 224, 220, 0.7);
+  --color-primary-alpha-80: rgba(245, 224, 220, 0.8);
+  --color-primary-alpha-90: rgba(245, 224, 220, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #f5e0dc;
+  --color-label-hover-bg: rgb(238.2, 202.92, 196.2);
+  --color-label-active-bg: rgb(241.6, 213.46, 208.1);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(245, 224, 220, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f5e0dc !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-sapphire.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-sapphire.css
new file mode 100644
index 0000000..3986e64
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-sapphire.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #74c7ec;
+  --color-primary: #74c7ec;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(93.5664556962, 189.9620253165, 232.9335443038);
+  --color-primary-dark-1: rgb(102.5398734177, 193.5772151899, 234.1601265823);
+  --color-primary-dark-2: rgb(89.0797468354, 188.1544303797, 232.3202531646);
+  --color-primary-dark-3: rgb(75.6196202532, 182.7316455696, 230.4803797468);
+  --color-primary-dark-4: rgb(62.1594936709, 177.3088607595, 228.6405063291);
+  --color-primary-dark-5: rgb(48.6993670886, 171.8860759494, 226.8006329114);
+  --color-primary-dark-6: rgb(35.2392405063, 166.4632911392, 224.9607594937);
+  --color-primary-dark-7: rgb(29.45, 158.1, 215.45);
+  --color-primary-light-1: rgb(129.4601265823, 204.4227848101, 237.8398734177);
+  --color-primary-light-2: rgb(142.9202531646, 209.8455696203, 239.6797468354);
+  --color-primary-light-3: rgb(156.3803797468, 215.2683544304, 241.5196202532);
+  --color-primary-light-4: rgb(169.8405063291, 220.6911392405, 243.3594936709);
+  --color-primary-light-5: rgb(183.3006329114, 226.1139240506, 245.1993670886);
+  --color-primary-light-6: rgb(196.7607594937, 231.5367088608, 247.0392405063);
+  --color-primary-light-7: rgb(210.2208860759, 236.9594936709, 248.8791139241);
+  --color-primary-alpha-10: rgba(116, 199, 236, 0.1);
+  --color-primary-alpha-20: rgba(116, 199, 236, 0.2);
+  --color-primary-alpha-30: rgba(116, 199, 236, 0.3);
+  --color-primary-alpha-40: rgba(116, 199, 236, 0.4);
+  --color-primary-alpha-50: rgba(116, 199, 236, 0.5);
+  --color-primary-alpha-60: rgba(116, 199, 236, 0.6);
+  --color-primary-alpha-70: rgba(116, 199, 236, 0.7);
+  --color-primary-alpha-80: rgba(116, 199, 236, 0.8);
+  --color-primary-alpha-90: rgba(116, 199, 236, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #74c7ec;
+  --color-label-hover-bg: rgb(89.0797468354, 188.1544303797, 232.3202531646);
+  --color-label-active-bg: rgb(102.5398734177, 193.5772151899, 234.1601265823);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(116, 199, 236, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #74c7ec !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-sky.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-sky.css
new file mode 100644
index 0000000..1c7fff3
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-sky.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #89dceb;
+  --color-primary: #89dceb;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(115.1956521739, 213.5326086957, 231.3043478261);
+  --color-primary-dark-1: rgb(123.9173913043, 216.1195652174, 232.7826086957);
+  --color-primary-dark-2: rgb(110.8347826087, 212.2391304348, 230.5652173913);
+  --color-primary-dark-3: rgb(97.752173913, 208.3586956522, 228.347826087);
+  --color-primary-dark-4: rgb(84.6695652174, 204.4782608696, 226.1304347826);
+  --color-primary-dark-5: rgb(71.5869565217, 200.597826087, 223.9130434783);
+  --color-primary-dark-6: rgb(58.5043478261, 196.7173913043, 221.6956521739);
+  --color-primary-dark-7: rgb(45.4217391304, 192.8369565217, 219.4782608696);
+  --color-primary-light-1: rgb(150.0826086957, 223.8804347826, 237.2173913043);
+  --color-primary-light-2: rgb(163.1652173913, 227.7608695652, 239.4347826087);
+  --color-primary-light-3: rgb(176.247826087, 231.6413043478, 241.652173913);
+  --color-primary-light-4: rgb(189.3304347826, 235.5217391304, 243.8695652174);
+  --color-primary-light-5: rgb(202.4130434783, 239.402173913, 246.0869565217);
+  --color-primary-light-6: rgb(215.4956521739, 243.2826086957, 248.3043478261);
+  --color-primary-light-7: rgb(228.5782608696, 247.1630434783, 250.5217391304);
+  --color-primary-alpha-10: rgba(137, 220, 235, 0.1);
+  --color-primary-alpha-20: rgba(137, 220, 235, 0.2);
+  --color-primary-alpha-30: rgba(137, 220, 235, 0.3);
+  --color-primary-alpha-40: rgba(137, 220, 235, 0.4);
+  --color-primary-alpha-50: rgba(137, 220, 235, 0.5);
+  --color-primary-alpha-60: rgba(137, 220, 235, 0.6);
+  --color-primary-alpha-70: rgba(137, 220, 235, 0.7);
+  --color-primary-alpha-80: rgba(137, 220, 235, 0.8);
+  --color-primary-alpha-90: rgba(137, 220, 235, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #89dceb;
+  --color-label-hover-bg: rgb(110.8347826087, 212.2391304348, 230.5652173913);
+  --color-label-active-bg: rgb(123.9173913043, 216.1195652174, 232.7826086957);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(137, 220, 235, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #89dceb !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-teal.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-teal.css
new file mode 100644
index 0000000..c01e3f0
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-teal.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #94e2d5;
+  --color-primary: #94e2d5;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(127.9375, 220.5625, 205.125);
+  --color-primary-dark-1: rgb(135.9625, 222.7375, 208.275);
+  --color-primary-dark-2: rgb(123.925, 219.475, 203.55);
+  --color-primary-dark-3: rgb(111.8875, 216.2125, 198.825);
+  --color-primary-dark-4: rgb(99.85, 212.95, 194.1);
+  --color-primary-dark-5: rgb(87.8125, 209.6875, 189.375);
+  --color-primary-dark-6: rgb(75.775, 206.425, 184.65);
+  --color-primary-dark-7: rgb(63.7375, 203.1625, 179.925);
+  --color-primary-light-1: rgb(160.0375, 229.2625, 217.725);
+  --color-primary-light-2: rgb(172.075, 232.525, 222.45);
+  --color-primary-light-3: rgb(184.1125, 235.7875, 227.175);
+  --color-primary-light-4: rgb(196.15, 239.05, 231.9);
+  --color-primary-light-5: rgb(208.1875, 242.3125, 236.625);
+  --color-primary-light-6: rgb(220.225, 245.575, 241.35);
+  --color-primary-light-7: rgb(232.2625, 248.8375, 246.075);
+  --color-primary-alpha-10: rgba(148, 226, 213, 0.1);
+  --color-primary-alpha-20: rgba(148, 226, 213, 0.2);
+  --color-primary-alpha-30: rgba(148, 226, 213, 0.3);
+  --color-primary-alpha-40: rgba(148, 226, 213, 0.4);
+  --color-primary-alpha-50: rgba(148, 226, 213, 0.5);
+  --color-primary-alpha-60: rgba(148, 226, 213, 0.6);
+  --color-primary-alpha-70: rgba(148, 226, 213, 0.7);
+  --color-primary-alpha-80: rgba(148, 226, 213, 0.8);
+  --color-primary-alpha-90: rgba(148, 226, 213, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #94e2d5;
+  --color-label-hover-bg: rgb(123.925, 219.475, 203.55);
+  --color-label-active-bg: rgb(135.9625, 222.7375, 208.275);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(148, 226, 213, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #94e2d5 !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-yellow.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-yellow.css
new file mode 100644
index 0000000..27a79db
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-mocha-yellow.css
@@ -0,0 +1,873 @@
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+  accent-color: #f9e2af;
+  --color-primary: #f9e2af;
+  --color-primary-contrast: #11111b;
+  --color-primary-hover: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-primary-dark-1: rgb(247.9325581395, 220.8406976744, 160.7674418605);
+  --color-primary-dark-2: rgb(246.8651162791, 215.6813953488, 146.5348837209);
+  --color-primary-dark-3: rgb(245.7976744186, 210.5220930233, 132.3023255814);
+  --color-primary-dark-4: rgb(244.7302325581, 205.3627906977, 118.0697674419);
+  --color-primary-dark-5: rgb(243.6627906977, 200.2034883721, 103.8372093023);
+  --color-primary-dark-6: rgb(242.5953488372, 195.0441860465, 89.6046511628);
+  --color-primary-dark-7: rgb(241.5279069767, 189.8848837209, 75.3720930233);
+  --color-primary-light-1: rgb(250.0674418605, 231.1593023256, 189.2325581395);
+  --color-primary-light-2: rgb(251.1348837209, 236.3186046512, 203.4651162791);
+  --color-primary-light-3: rgb(252.2023255814, 241.4779069767, 217.6976744186);
+  --color-primary-light-4: rgb(253.2697674419, 246.6372093023, 231.9302325581);
+  --color-primary-light-5: rgb(254.3372093023, 251.7965116279, 246.1627906977);
+  --color-primary-light-6: hsl(41.3513513514, 86.0465116279%, 101.137254902%);
+  --color-primary-light-7: hsl(41.3513513514, 86.0465116279%, 104.137254902%);
+  --color-primary-alpha-10: rgba(249, 226, 175, 0.1);
+  --color-primary-alpha-20: rgba(249, 226, 175, 0.2);
+  --color-primary-alpha-30: rgba(249, 226, 175, 0.3);
+  --color-primary-alpha-40: rgba(249, 226, 175, 0.4);
+  --color-primary-alpha-50: rgba(249, 226, 175, 0.5);
+  --color-primary-alpha-60: rgba(249, 226, 175, 0.6);
+  --color-primary-alpha-70: rgba(249, 226, 175, 0.7);
+  --color-primary-alpha-80: rgba(249, 226, 175, 0.8);
+  --color-primary-alpha-90: rgba(249, 226, 175, 0.9);
+  --color-secondary: #45475a;
+  --color-secondary-dark-1: rgb(55.4076923077, 56.5384615385, 76.8923076923);
+  --color-secondary-dark-2: rgb(61.8153846154, 63.0769230769, 85.7846153846);
+  --color-secondary-dark-3: rgb(68.2230769231, 69.6153846154, 94.6769230769);
+  --color-secondary-dark-4: rgb(74.6307692308, 76.1538461538, 103.5692307692);
+  --color-secondary-dark-5: rgb(81.0384615385, 82.6923076923, 112.4615384615);
+  --color-secondary-dark-6: rgb(87.4461538462, 89.2307692308, 121.3538461538);
+  --color-secondary-dark-7: rgb(93.8538461538, 95.7692307692, 130.2461538462);
+  --color-secondary-dark-8: rgb(100.2615384615, 102.3076923077, 139.1384615385);
+  --color-secondary-dark-9: rgb(106.6692307692, 108.8461538462, 148.0307692308);
+  --color-secondary-dark-10: rgb(115.5128205128, 117.5641025641, 154.4871794872);
+  --color-secondary-dark-11: rgb(124.4051282051, 126.3256410256, 160.8948717949);
+  --color-secondary-dark-12: rgb(133.2974358974, 135.0871794872, 167.3025641026);
+  --color-secondary-dark-13: rgb(142.1897435897, 143.8487179487, 173.7102564103);
+  --color-secondary-light-1: rgb(42.5923076923, 43.4615384615, 59.1076923077);
+  --color-secondary-light-2: rgb(36.1846153846, 36.9230769231, 50.2153846154);
+  --color-secondary-light-3: rgb(29.7769230769, 30.3846153846, 41.3230769231);
+  --color-secondary-light-4: rgb(23.3692307692, 23.8461538462, 32.4307692308);
+  --color-secondary-alpha-10: rgba(49, 50, 68, 0.1);
+  --color-secondary-alpha-20: rgba(49, 50, 68, 0.2);
+  --color-secondary-alpha-30: rgba(49, 50, 68, 0.3);
+  --color-secondary-alpha-40: rgba(49, 50, 68, 0.4);
+  --color-secondary-alpha-50: rgba(49, 50, 68, 0.5);
+  --color-secondary-alpha-60: rgba(49, 50, 68, 0.6);
+  --color-secondary-alpha-70: rgba(49, 50, 68, 0.7);
+  --color-secondary-alpha-80: rgba(49, 50, 68, 0.8);
+  --color-secondary-alpha-90: rgba(49, 50, 68, 0.9);
+  /* colors */
+  --color-red: #f38ba8;
+  --color-orange: #fab387;
+  --color-yellow: #f9e2af;
+  --color-olive: #a6e3a1;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-blue: #89b4fa;
+  --color-violet: #b4befe;
+  --color-purple: #cba6f7;
+  --color-pink: #f5c2e7;
+  --color-brown: #f2cdcd;
+  --color-grey: #9399b2;
+  --color-black: #181825;
+  /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-light: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-light: rgb(247.96, 147.992, 86.04);
+  --color-yellow-light: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-light: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-light: rgb(107.875, 215.125, 197.25);
+  --color-blue-light: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-light: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-light: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-light: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-light: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-grey-light: rgb(117.227027027, 124.8810810811, 156.772972973);
+  --color-black-light: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: rgb(238.21875, 92.78125, 133.3359375);
+  --color-orange-dark-1: rgb(247.96, 147.992, 86.04);
+  --color-yellow-dark-1: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-olive-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-green-dark-1: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-teal-dark-1: rgb(107.875, 215.125, 197.25);
+  --color-blue-dark-1: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-violet-dark-1: rgb(129.6710526316, 146.3815789474, 253.3289473684);
+  --color-purple-dark-1: rgb(175.6597938144, 119.206185567, 242.793814433);
+  --color-pink-dark-1: rgb(237.8169014085, 150.1830985915, 213.7605633803);
+  --color-brown-dark-1: rgb(231.4761904762, 164.5238095238, 164.5238095238);
+  --color-black-dark-1: rgb(3.9344262295, 3.9344262295, 6.0655737705);
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: rgb(233.4375, 46.5625, 98.671875);
+  --color-orange-dark-2: rgb(245.92, 116.984, 37.08);
+  --color-yellow-dark-2: rgb(241.8837209302, 191.6046511628, 80.1162790698);
+  --color-olive-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-green-dark-2: rgb(91.5901639344, 203.5901639344, 82.4098360656);
+  --color-teal-dark-2: rgb(67.75, 204.25, 181.5);
+  --color-blue-dark-2: rgb(39.1463414634, 117.8048780488, 245.8536585366);
+  --color-violet-dark-2: rgb(79.3421052632, 102.7631578947, 252.6578947368);
+  --color-purple-dark-2: rgb(148.3195876289, 72.412371134, 238.587628866);
+  --color-pink-dark-2: rgb(230.6338028169, 106.3661971831, 196.5211267606);
+  --color-brown-dark-2: rgb(220.9523809524, 124.0476190476, 124.0476190476);
+  --color-black-dark-2: hsl(240, 21.3114754098%, -8.0392156863%);
+  /* other colors */
+  --color-gold: #f5e0dc;
+  --color-white: #cdd6f4;
+  --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15);
+  --color-diff-added-word-bg: rgba(166, 227, 161, 0.15);
+  --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-bg: rgba(166, 227, 161, 0.07);
+  --color-diff-removed-row-border: rgba(243, 139, 168, 0.07);
+  --color-diff-moved-row-border: rgba(249, 226, 175, 0.07);
+  --color-diff-added-row-border: rgba(166, 227, 161, 0.07);
+  --color-diff-inactive: #9399b2;
+  --color-error-border: #f38ba8;
+  --color-error-bg: #f38ba8;
+  --color-error-bg-active: rgb(240.609375, 115.890625, 150.66796875);
+  --color-error-bg-hover: rgb(238.21875, 92.78125, 133.3359375);
+  --color-error-text: #11111b;
+  --color-success-border: rgb(128.7950819672, 215.2950819672, 121.7049180328);
+  --color-success-bg: #a6e3a1;
+  --color-success-text: #11111b;
+  --color-warning-border: rgb(245.4418604651, 208.8023255814, 127.5581395349);
+  --color-warning-bg: #f9e2af;
+  --color-warning-text: #11111b;
+  --color-info-border: rgb(88.0731707317, 148.9024390244, 247.9268292683);
+  --color-info-bg: #11111b;
+  --color-info-text: #cdd6f4;
+  --color-red-badge: rgb(238.21875, 92.78125, 133.3359375);
+  --color-red-badge-bg: #11111b;
+  --color-red-badge-hover-bg: rgb(240.609375, 115.890625, 150.66796875);
+  --color-green-badge: #a6e3a1;
+  --color-green-badge-bg: #a6e3a1;
+  --color-green-badge-hover-bg: rgb(147.3975409836, 221.1475409836, 141.3524590164);
+  --color-yellow-badge: #f9e2af;
+  --color-yellow-badge-bg: #11111b;
+  --color-yellow-badge-hover-bg: rgb(247.2209302326, 217.4011627907, 151.2790697674);
+  --color-orange-badge: #fab387;
+  --color-orange-badge-bg: #11111b;
+  --color-orange-badge-hover-bg: rgb(248.98, 163.496, 110.52);
+  --color-git: #fab387;
+  --color-highlight-bg: rgba(249, 226, 175, 0.15);
+  /* target-based colors */
+  --color-body: #11111b;
+  --color-box-header: #181825;
+  --color-box-body: #181825;
+  --color-box-body-highlight: #313244;
+  --color-text-dark: #a6adc8;
+  --color-text: #cdd6f4;
+  --color-text-light: #bac2de;
+  --color-text-light-1: #bac2de;
+  --color-text-light-2: #bac2de;
+  --color-text-light-3: #bac2de;
+  --color-footer: #181825;
+  --color-timeline: #313244;
+  --color-input-text: #cdd6f4;
+  --color-input-background: #313244;
+  --color-input-toggle-background: #313244;
+  --color-input-border: #45475a;
+  --color-input-border-hover: #585b70;
+  --color-nav-bg: #181825;
+  --color-nav-hover-bg: var(--color-hover);
+  --color-navbar: #181825;
+  --color-navbar-transparent: rgba(17, 17, 27, 0);
+  --color-light: rgba(88, 91, 112, 0.3);
+  --color-light-mimic-enabled: rgba(
+    0,
+    0,
+    0,
+    calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
+  );
+  --color-light-border: #585b70;
+  --color-hover: rgba(108, 112, 134, 0.2);
+  --color-active: rgba(205, 214, 244, 0.1);
+  --color-menu: #313244;
+  --color-card: #313244;
+  --color-markup-table-row: rgba(205, 214, 244, 0.02);
+  --color-markup-code-block: rgba(205, 214, 244, 0.05);
+  --color-markup-code-inline: #313244;
+  --color-button: #313244;
+  --color-code-bg: #1e1e2e;
+  --color-code-sidebar-bg: #313244;
+  --color-shadow: rgba(17, 17, 27, 0.1);
+  --color-tooltip-bg: #313244;
+  --color-tooltip-text: var(--color-text);
+  --color-secondary-bg: #313244;
+  --color-text-focus: #cdd6f4;
+  --color-expand-button: #585b70;
+  --color-placeholder-text: #a6adc8;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  /* gitea source code: */
+  /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
+  --color-caret: var(--color-text);
+  --color-reaction-bg: rgba(205, 214, 244, 0.07);
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+  --color-header-wrapper: #181825;
+  --color-header-wrapper-transparent: rgba(24, 24, 37, 0);
+  --color-label-text: #11111b;
+  --color-label-bg: #f9e2af;
+  --color-label-hover-bg: rgb(246.8651162791, 215.6813953488, 146.5348837209);
+  --color-label-active-bg: rgb(247.9325581395, 220.8406976744, 160.7674418605);
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #45475a;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label=copyright],
+.emoji[aria-label=registered],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label=multiply],
+.emoji[aria-label=plus],
+.emoji[aria-label=minus],
+.emoji[aria-label=divide],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
+.ui.ui.ui.label:not(.inverted, .basic).primary,
+.ui.ui.ui.label:not(.inverted, .basic).green,
+.ui.ui.ui.label:not(.inverted, .basic).red,
+.ui.ui.ui.label:not(.inverted, .basic).teal {
+  color: #11111b;
+}
+.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
+.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
+.ui.ui.ui.label:not(.inverted, .basic).green:hover,
+.ui.ui.ui.label:not(.inverted, .basic).red:hover,
+.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
+  color: #1e1e2e;
+}
+
+.ui.basic.modal {
+  background-color: #1e1e2e;
+}
+
+.ui.commit-header-row .svg.gitea-lock ~ a {
+  color: #11111b;
+}
+
+.ui.negative.message .header {
+  color: var(--color-error-text);
+}
+
+.ui.sha.isSigned.isVerified .shortsha {
+  color: #11111b;
+}
+.ui.sha.isSigned.isVerified svg.gitea-lock {
+  fill: #11111b;
+}
+
+.ui.basic.modal,
+.ui.basic.modal > .header,
+.ui.inverted.button {
+  color: #cdd6f4 !important;
+}
+
+#repo-topics,
+#topic_edit > .ui.selection.dropdown {
+  color: var(--color-label-text) !important;
+}
+
+blockquote.attention-tip {
+  border-left-color: var(--color-success-bg);
+}
+blockquote.attention-warning {
+  border-left-color: var(--color-warning-bg);
+}
+
+svg.attention-tip,
+strong.attention-tip {
+  color: var(--color-success-bg);
+}
+svg.attention-warning,
+strong.attention-warning {
+  color: var(--color-warning-bg);
+}
+
+.inline-code-block {
+  color: #11111b;
+}
+
+::selection {
+  background: rgba(249, 226, 175, 0.3) !important;
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: #fab387;
+}
+
+/* Comment */
+.chroma .c {
+  color: #6c7086;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #6c7086;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #6c7086;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #6c7086;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #89b4fa;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #89b4fa;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #6c7086;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #89b4fa;
+}
+
+/* NameFunctionMagic */
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #cdd6f4;
+  background-color: rgba(243, 139, 168, 0.15);
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #89dceb;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  color: #cdd6f4;
+  background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* GenericUnderline */
+/* GenericOutput */
+.chroma .go {
+  color: #fab387;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #6c7086;
+  font-weight: bold;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #eba0ac;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #eba0ac;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #89dceb;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #fab387;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #cba6f7;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #f9e2af;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #cba6f7;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #f9e2af;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #cba6f7;
+  font-weight: bold;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #cba6f7;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #f9e2af;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralNumber */
+.chroma .m {
+  color: #fab387;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #fab387;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #fab387;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #fab387;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #fab387;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #fab387;
+}
+
+/* Name */
+.chroma .n {
+  color: #b4befe;
+}
+
+/* NameAttribute */
+.chroma .na {
+  color: #f9e2af;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #fab387;
+}
+
+/* NameClass */
+.chroma .nc {
+  color: #f9e2af;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #f5c2e7;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #eba0ac;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #89b4fa;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #f5c2e7;
+}
+
+/* NameLabel */
+.chroma .nl {
+  color: #f9e2af;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #f9e2af;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #f9e2af;
+}
+
+/* NameTag */
+.chroma .nt {
+  color: #cba6f7;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #fab387;
+}
+
+/* NameOther */
+.chroma .nx {
+  color: #fab387;
+}
+
+/* Operator */
+.chroma .o {
+  color: #89dceb;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #89dceb;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.chroma .p {
+  color: #9399b2;
+}
+
+/* NameProperty */
+/* LiteralString */
+.chroma .s {
+  color: #a6e3a1;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #a6e3a1;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #a6e3a1;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #a6e3a1;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #a6e3a1;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #a6e3a1;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #89b4fa;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #a6e3a1;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a6e3a1;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #89b4fa;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #a6e3a1;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #a6e3a1;
+}
+
+/* NameVariableClass */
+.chroma .vc {
+  color: #f9e2af;
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: #fab387;
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: #f9e2af;
+}
+
+/* NameVariableMagic */
+/* TextWhitespace */
+.chroma .w {
+  color: #313244;
+}
+
+.CodeMirror .cm-property,
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-header,
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-quote,
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-keyword,
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+  color: #cba6f7;
+}
+.CodeMirror .cm-atom,
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+  color: #f38ba8;
+}
+.CodeMirror .cm-number,
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+  color: #fab387;
+}
+.CodeMirror .cm-def,
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-variable-2,
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+  color: #89dceb;
+}
+.CodeMirror .cm-variable-3,
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+  color: #94e2d5;
+}
+.CodeMirror .cm-comment,
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+  color: #585b70;
+}
+.CodeMirror .cm-string,
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-string-2,
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+  color: #a6e3a1;
+}
+.CodeMirror .cm-meta,
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta {
+  color: #fab387;
+}
+.CodeMirror .cm-qualifier,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+  color: #fab387;
+}
+.CodeMirror .cm-builtin,
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+  color: #fab387;
+}
+.CodeMirror .cm-bracket,
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+  color: #cdd6f4;
+}
+.CodeMirror .cm-tag,
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+  color: #f9e2af;
+}
+.CodeMirror .cm-attribute,
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+  color: #f9e2af;
+}
+.CodeMirror .cm-hr,
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+  color: #9399b2;
+}
+.CodeMirror .cm-url,
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+  color: #89b4fa;
+}
+.CodeMirror .cm-link,
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+  color: #89b4fa;
+}
+.CodeMirror .cm-error,
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+  color: #f38ba8;
+}
+
+.monaco-editor .selected-text {
+  background-color: #313244 !important;
+}
+.monaco-editor .margin-view-overlays .line-numbers {
+  color: #a6adc8 !important;
+}
+.monaco-editor .line-numbers.active-line-number {
+  color: #f9e2af !important;
+}
+.monaco-editor .view-overlays .current-line,
+.monaco-editor .margin-view-overlays .current-line-margin {
+  background-color: rgb(42.16, 42.8, 60.08) !important;
+}
+.monaco-editor .mtk1 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk2 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk3 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk4 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk5 {
+  color: #cdd6f4 !important;
+}
+.monaco-editor .mtk6 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk7 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk8 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk9 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk10 {
+  color: #a6adc8 !important;
+}
+.monaco-editor .mtk11 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk12 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk13 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk14 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk15 {
+  color: #cba6f7 !important;
+}
+.monaco-editor .mtk16 {
+  color: #9399b2 !important;
+}
+.monaco-editor .mtk17 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk18 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk19 {
+  color: #94e2d5 !important;
+}
+.monaco-editor .mtk20 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk21 {
+  color: #a6e3a1 !important;
+}
+.monaco-editor .mtk22 {
+  color: #ff69b4 !important;
+}
+.monaco-editor .mtk23 {
+  color: #89b4fa !important;
+}
+.monaco-editor .mtk24 {
+  color: #fab387 !important;
+}
+.monaco-editor .mtk25 {
+  color: #f5c2e7 !important;
+}
+.monaco-editor .bracket-highlighting-0 {
+  color: rgb(227.8, 169, 198.4) !important;
+}
+.monaco-editor .bracket-highlighting-1 {
+  color: rgb(232, 193, 178.6) !important;
+}
+.monaco-editor .bracket-highlighting-2 {
+  color: rgb(231.4, 221.2, 202.6) !important;
+}
+.monaco-editor .bracket-highlighting-3 {
+  color: rgb(181.6, 221.8, 194.2) !important;
+}
+.monaco-editor .bracket-highlighting-4 {
+  color: rgb(164.2, 193.6, 247.6) !important;
+}
+.monaco-editor .bracket-highlighting-5 {
+  color: rgb(203.8, 185.2, 245.8) !important;
+}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-peach-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-peach-auto.css
new file mode 100644
index 0000000..414bfd8
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-peach-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-peach.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-peach.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-pink-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-pink-auto.css
new file mode 100644
index 0000000..1354cdf
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-pink-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-pink.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-pink.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-red-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-red-auto.css
new file mode 100644
index 0000000..d881edf
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-red-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-red.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-red.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-rosewater-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-rosewater-auto.css
new file mode 100644
index 0000000..4b143fe
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-rosewater-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-rosewater.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-rosewater.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-sapphire-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-sapphire-auto.css
new file mode 100644
index 0000000..f028dae
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-sapphire-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-sapphire.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-sapphire.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-sky-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-sky-auto.css
new file mode 100644
index 0000000..9acee2b
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-sky-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-sky.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-sky.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-teal-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-teal-auto.css
new file mode 100644
index 0000000..d127f2b
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-teal-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-teal.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-teal.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-catppuccin-yellow-auto.css b/playbooks/roles/gitea/files/themes/theme-catppuccin-yellow-auto.css
new file mode 100644
index 0000000..a5e2662
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-catppuccin-yellow-auto.css
@@ -0,0 +1,2 @@
+@import "theme-catppuccin-latte-yellow.css" (prefers-color-scheme: light);
+@import "theme-catppuccin-mocha-yellow.css" (prefers-color-scheme: dark);
\ No newline at end of file
diff --git a/playbooks/roles/gitea/files/themes/theme-gitea-modern.css b/playbooks/roles/gitea/files/themes/theme-gitea-modern.css
new file mode 100644
index 0000000..930ac56
--- /dev/null
+++ b/playbooks/roles/gitea/files/themes/theme-gitea-modern.css
@@ -0,0 +1 @@
+:root{--base-border-radius:6px}html.theme-gitea,html.theme-arc-green{--fonts-override:var(--fonts-regular);accent-color:var(--color-primary)}a[rel*="nofollow"]:not(.ui):hover,.link:not(.ui):hover,a[rel*="nofollow"]:not(.ui):focus,.link:not(.ui):focus{text-decoration:underline;text-underline-offset:5px}*:not(input){outline:0 dashed var(--color-primary);outline-offset:-3px;transition:outline-color .5s,outline-offset .5s}:focus-visible:not(input){box-shadow:0 0 5px 0 var(--color-primary) !important;border-radius:2px;outline:2px solid var(--color-primary) !important;outline-offset:0}.ui.buttons .ui.basic.button{border-radius:0}.ui.button,.ui.basic.button,.ui.menu,.input.action.fluid,.ui.label,.ui.form input:not([type]),.ui.form input[type="date"],.ui.form input[type="datetime-local"],.ui.form input[type="email"],.ui.form input[type="file"],.ui.form input[type="number"],.ui.form input[type="password"],.ui.form input[type="search"],.ui.form input[type="tel"],.ui.form input[type="text"],.ui.form input[type="time"],.ui.form input[type="url"],.ui.table,.tab-size-8{border-radius:var(--base-border-radius)}.ui.menu:not(.secondary) > .item:first-child,.ui.buttons .button:first-child,.ui.buttons > .ui.basic.button:first-child{border-radius:var(--base-border-radius) 0 0 var(--base-border-radius)}.ui.compact.menu:not(.secondary) .item:last-child,.ui.buttons .button:last-child,.ui.action.input > .button:last-child,.ui.buttons > .ui.basic.button:last-child{border-radius:0 var(--base-border-radius) var(--base-border-radius) 0}.ui.top.attached.header{border-radius:var(--base-border-radius) var(--base-border-radius) 0 0}.ui.avatar{border-radius:var(--base-border-radius) !important}.button{text-overflow:ellipsis}.ui.compact.button{padding-top:.3em;padding-bottom:.3em;min-height:2.4em;display:inline-flex;align-items:center}.ui.compact.button svg{margin-bottom:-1px !important}.ui.basic.button,.ui.basic.label{background:none}.input.action.fluid{border:1px solid var(--color-secondary) !important;height:auto;background-color:var(--color-input-background)}.input.action.fluid input{border:0}.input.action.fluid button{margin:2px !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;box-sizing:border-box;border-radius:var(--base-border-radius) !important}.input.action.fluid .icon{border:0 !important}.input.action.fluid:focus-within{border-color:var(--color-primary) !important}.ui.form + .ui.divider{display:none}.three.column{margin-left:0;margin-right:0}.three.column .column{width:auto !important;align-items:center !important;display:flex !important}.three.column .column .small:not(.modal),.three.column .column a{max-height:40px !important;min-height:unset;display:flex;align-items:center}.three.column .column form{width:100%}.three.column .column:first-child{padding-left:0}.three.column .column:last-child{padding-right:0}.three.column .center{flex-grow:100;padding-left:0 !important;padding-right:0 !important}.popup.tiny.inverted{background:var(--color-body);color:var(--color-text);box-shadow:var(--lt-shadowDefault) !important;border:1px solid var(--color-secondary);pointer-events:none;z-index:9999999}.popup.tiny.inverted::before{background:var(--color-body) !important;z-index:-99999 !important;border-color:var(--color-secondary) !important}.ui.left.popup::before{border:0;border-top:1px solid;border-right:1px solid}.ui.right.popup::before{border:0;border-left:1px solid;border-bottom:1px solid}.ui.top.popup::before{border:0;border-right:1px solid;border-bottom:1px solid}.ui.bottom.popup::before{border:0;border-top:1px solid;border-left:1px solid}.settings > .ui.container{max-width:1150px !important}.ui.two.column.stackable.grid > .column{width:auto !important;flex-grow:1}.ui.compact.tiny.menu{flex-grow:1}.ui.compact.tiny.menu a{flex-grow:1;justify-content:center}.page-content:not(.home) > .middle{padding:calc(4vw + 1rem) 4vw !important;width:100% !important}.page-content:not(.home) > .middle > .column{padding:0 !important}.full.height > span[style="display: inline !important;"]:first-child{margin:auto;line-height:40px;padding:30px;text-align:center}.full.height > span[style="display: inline !important;"]:first-child::before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:var(--color-navbar);border-bottom:1px solid var(--color-secondary);z-index:-1}.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #app,.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #dashboard-repo-list,.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #user-heatmap,.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #user-heatmap + .divider{display:none !important}.full.height > span[style="display: inline !important;"]:first-child ~ .page-content .dashboard-navbar{bottom:unset !important;top:10px !important;align-self:flex-start !important;padding-top:10px}#user-heatmap{overflow:auto hidden;justify-content:flex-start;max-width:900px;margin:auto;align-items:stretch}#user-heatmap .vch__wrapper{min-width:600px}.repo-title a:nth-last-child(2){font-weight:600 !important}.label:not(.basic){border-radius:100px !important;padding:4px 8px !important;font-weight:700;align-items:center;justify-content:center;min-width:24px !important;display:inline-flex}.label:not(.basic).sha > .detail{margin-left:6px !important}.label:not(.basic) svg{margin-right:4px}.alert-primary.p-10{border:0 !important;padding:20px !important}.alert-primary.p-10 .close span{font-size:1.7em;font-weight:200;padding-right:6px}.alert-primary.p-10 h4{margin-right:1.7em;font-weight:600}.ui.tabular.menu,.ui.tight.menu{position:relative;flex-direction:row !important;flex-wrap:nowrap !important;overflow:auto hidden !important;scrollbar-width:thin;padding-bottom:2px;scrollbar-color:var(--color-primary) var(--color-secondary);border-bottom:1px solid var(--color-secondary) !important}.ui.tabular.menu.ui.tight.menu > .item,.ui.tight.menu.ui.tight.menu > .item{width:auto !important;border-bottom-width:0 !important;position:relative !important;padding:.85714286em 1.14285714em}.ui.tabular.menu.ui.tight.menu > .item::before,.ui.tight.menu.ui.tight.menu > .item::before{content:"" !important;position:absolute !important;bottom:0 !important;left:20px !important;right:20px !important;top:unset !important;width:unset !important;height:2px !important;opacity:.7;border-radius:4px 4px 0 0;background:none;display:flex !important;transition:left 2s}.ui.tabular.menu.ui.tight.menu > .item.active::before,.ui.tight.menu.ui.tight.menu > .item.active::before{background-color:var(--color-primary) !important;left:0 !important;right:0 !important}.ui.tabular.menu{border-bottom:0 !important;position:relative}.ui.tabular.menu::before{content:"";position:absolute;bottom:1px;left:0;right:0;z-index:-1;border-top:1px solid var(--color-secondary)}.ui.tabular.menu:not(.borderless) > .item{width:auto !important;padding:16px 24px;min-width:70px;justify-content:center;position:relative}.ui.tabular.menu:not(.borderless) > .item svg{margin-right:10px !important}.ui.tabular.menu:not(.borderless) > .item.active{border-radius:10px 10px 0 0 !important;z-index:1}.ui.tabular.menu:not(.borderless) > .item.active::after{content:"" !important;position:absolute;width:6px;height:6px;bottom:1px;right:-7px;border-bottom-left-radius:100px;box-shadow:-1px 1px 0 0 var(--color-secondary),-3px 3px 0 2px var(--color-body)}.ui.tabular.menu:not(.borderless) > .item.active::before{all:unset;content:"" !important;position:absolute;width:6px;height:6px;bottom:1px;left:-7px;border-bottom-right-radius:100px;box-shadow:1px 1px 0 0 var(--color-secondary),3px 3px 0 2px var(--color-body);display:unset !important}.ui.tabular.menu:not(.borderless) > .item.active:first-child::before{content:none !important}.ui.secondary.pointing.menu{background:none !important}.ui.secondary.pointing.menu .new-menu-inner{width:1150px;padding:0 20px}.ui.secondary.pointing.menu .item{border:none}.ui.secondary.pointing.menu .active{position:relative}.ui.secondary.pointing.menu .active::before{all:unset;content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:var(--color-primary) !important;display:flex !important;opacity:.7}.ui.secondary.pointing.menu .item:last-child{padding-right:1.14286em !important}.ui.secondary.pointing.menu::after{content:unset !important}.repository .filter.menu .menu{max-height:80vh;width:max-content !important}.repository .filter.menu .menu .info{width:100% !important;padding:.8em !important;line-height:1.2em;white-space:normal !important}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:auto !important}.full.height{padding-bottom:30px}.following.bar{--min-height:60px;background:none !important;border-bottom:1px solid var(--color-secondary) !important;background-color:var(--color-navbar) !important;position:relative;min-height:var(--min-height);align-items:center}.following.bar #navbar{padding:0 calc(18px + 1%) !important;background:none !important;max-width:100rem;transition:padding 1s;min-height:var(--min-height) !important;margin:auto}.following.bar #navbar > .item:not(.brand),.following.bar #navbar > .right > .item{color:var(--color-text-dark) !important;font-size:1rem !important;font-weight:600;padding:0 calc(0px + 1%);height:calc(var(--min-height) + 1px) !important;margin:0 !important;border-radius:0;border-top:1px solid transparent;border-bottom:1px solid transparent;margin-bottom:-1px !important;background:none !important;box-sizing:border-box;transition:border .5s,padding .7s}.following.bar #navbar > .item:not(.brand) > span,.following.bar #navbar > .right > .item > span{height:100%;display:flex;align-items:center}.following.bar #navbar > .item:not(.brand):hover,.following.bar #navbar > .right > .item:hover,.following.bar #navbar > .item:not(.brand).active,.following.bar #navbar > .right > .item.active,.following.bar #navbar > .item:not(.brand):focus,.following.bar #navbar > .right > .item:focus{border-bottom:1px solid var(--color-primary);transition:border .1s;outline:none}.following.bar #navbar .item.brand{padding:0 !important;min-height:var(--min-height) !important}.following.bar #navbar .item.brand a{width:35px;height:35px;margin-right:20px;background-position:center}.following.bar #navbar .item.brand a img{width:100%;height:100%}.following.bar #navbar .right{position:sticky;right:1%;background-color:var(--color-navbar);box-shadow:100px 0 0 var(--color-navbar);width:100%;min-width:max-content;justify-content:flex-end}.following.bar #navbar .right > .item{padding:0 10px}.following.bar #navbar .right > .item > .text{display:flex;align-items:center}.following.bar #navbar .right > .item > .text span:not(.fitted){margin-left:10px}.following.bar #navbar .right > .item > .text img ~ .fitted{margin-left:4px}@media only screen and (min-width:850px){.page-content.repository:not(.issues.repository.milestones){display:grid;grid-row-gap:10px;grid-template-columns:100px calc(100% - 100px);padding:0 20px;padding-top:20px;width:1367px;max-width:100%;margin:auto}.page-content.repository:not(.issues.repository.milestones) > .middle{grid-column:1/span 2}.page-content.repository:not(.issues.repository.milestones) .header-wrapper{display:contents}.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child{grid-row:1;grid-column:1/span 2;width:100%;padding-left:100px;border:0 !important;box-shadow:none !important}.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child .avatar,.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child .repo-icon{width:50px !important;height:50px !important;object-fit:contain;margin:0 10px;margin-left:-90px;margin-right:39px !important;margin-bottom:-10px;display:flex;justify-content:center;align-items:center;border-radius:8px !important;z-index:2}.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child .repo-title-wrap{display:flex;flex-direction:row !important;align-items:center}.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child .fork-flag{margin:0 !important;margin-left:6px !important;padding:2px 8px;font-size:12px;border-radius:var(--base-border-radius);border:1px solid var(--color-secondary)}.page-content.repository:not(.issues.repository.milestones) .header-wrapper .tabs{order:-1;width:auto !important;margin:0 !important;margin-top:60px !important;grid-column:1;grid-row:2/span 5;height:min-content;position:sticky;bottom:20px;margin-bottom:-60px !important;align-self:flex-end;align-content:flex-start;min-height:calc(100vh - 40px)}.page-content.repository:not(.issues.repository.milestones) .header-wrapper .tabs::before{content:"";position:absolute;bottom:0;left:20px;right:50px;top:-10px;background-color:var(--color-body);box-shadow:0 0 20px 20px var(--color-body);opacity:.8}.page-content.repository:not(.issues.repository.milestones) .header-wrapper .tabs .tabular{flex-direction:column !important;padding-right:30px;overflow:visible !important;padding-left:0;border-bottom:0 !important}.page-content.repository:not(.issues.repository.milestones) .header-wrapper .tabs .tabular::before{content:unset !important}.page-content.repository:not(.issues.repository.milestones) .header-wrapper .divider{display:none}.page-content.repository:not(.issues.repository.milestones) > .ui.container{width:100%}#project-board{width:calc(100vw + 10px);max-width:unset;justify-self:center;margin-left:-100px;margin-top:-10px;margin-bottom:calc(-100vh + 0px);overflow-x:auto;scrollbar-color:var(--color-primary) transparent;position:static;height:calc(100vh - 175px);scroll-snap-align:end}#project-board > .board{overflow:visible;margin:0 auto !important;padding-left:100px;box-sizing:content-box;width:1227px;height:100% !important}#project-board > .board::after{content:"";display:flex;min-width:100px}#project-board > .board .board-column{height:100% !important;box-sizing:border-box;box-shadow:20px 0 0 0 var(--color-body)}#project-board > .board .card{box-sizing:border-box}}.page-content.repository:not(.milestones){width:1300px;height:min-content;max-width:100%;margin:auto;margin-bottom:-80px}.page-content.repository:not(.milestones) .header-wrapper{padding-top:40px !important;border-bottom:0 !important;background:none}.page-content.repository:not(.milestones) .header-wrapper .repo-title{flex-wrap:wrap;line-height:1.5em;justify-content:center}.page-content.repository:not(.milestones) .header-wrapper .repo-buttons{display:flex;flex-wrap:wrap;justify-content:center}.page-content.repository:not(.milestones) .header-wrapper .repo-buttons > *{margin-top:4px}.page-content.repository:not(.milestones) .header-wrapper .tabs.container{margin-inline:0 !important;width:100%;margin-bottom:.7em}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular{padding-inline:3rem;border-bottom:0 !important}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular::before{content:unset !important}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item{display:flex;flex-direction:column;text-align:center;padding-top:12px;padding-bottom:18px;width:90px !important;max-width:100% !important;flex-grow:1;position:relative;background:none;color:var(--color-text);opacity:.7;border-radius:12px !important}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item svg{margin:0;width:22px;height:22px;max-width:unset !important;margin-bottom:10px;margin-right:0 !important;overflow:visible;order:-2}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item .label{margin:0 !important;margin-top:-3px !important;margin-bottom:6px !important;order:-1;position:relative}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item.active{border:none;opacity:1}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item.active::before{content:unset !important}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item.active::after{all:unset;content:"";position:absolute;top:2px;left:-5px;right:-5px;bottom:5px;background:var(--color-primary);opacity:.1;border-radius:12px !important;z-index:-1}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item:hover{opacity:.9 !important}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .right.menu{display:contents}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .right.menu .item{justify-content:center}.page-content.repository:not(.milestones) .header-wrapper .divider{display:none !important}.page-content.repository:not(.milestones) > .ui.container{height:min-content;position:relative}.page-content.repository:not(.milestones) > .ui.container > .three.column.stackable.grid:focus-within{position:relative;z-index:3;background-color:var(--color-body)}.page-content.repository:not(.milestones) > .ui.container > .three.column.stackable.grid + .ui.divider + .two.column.stackable.grid{position:absolute;z-index:2;background-color:var(--color-body);inset:0;margin:0 !important;height:39px}.page-content.repository:not(.milestones) > .ui.container > .three.column.stackable.grid + .ui.divider + .two.column.stackable.grid > .column{padding:0 !important}.page-content.repository:not(.milestones) > .ui.container > .three.column.stackable.grid + .ui.divider + .two.column.stackable.grid > .column .item{padding-block:0 !important}.page-content.repository:not(.milestones) > .ui.container > div:not(.attached){height:min-content;margin-top:0 !important;margin-bottom:.7rem !important}.page-content.repository:not(.milestones) > .ui.container > .column + .divider:not(.header){border:0;margin:-22px 0 !important}.page-content.repository:not(.milestones) > .ui.container > .column:first-child > .column{padding-top:0}.page-content.repository:not(.milestones) > .ui.container #repo-desc{font-size:1.14rem;line-height:1.6rem;margin-bottom:0 !important}.page-content.repository:not(.milestones) > .ui.container #repo-desc:not(:empty){margin-bottom:.3rem !important}.page-content.repository:not(.milestones) > .ui.container #repo-topics{margin:0 -4px;margin-bottom:0 !important;margin-top:-.5rem !important;align-items:flex-start !important}.page-content.repository:not(.milestones) > .ui.container #repo-topics > *:last-child{margin:2px !important;height:22px !important;margin-bottom:.7rem !important}.page-content.repository:not(.milestones) > .ui.container .repo-topic{border-radius:100px;padding:4px 10px;color:var(--color-primary);font-size:.9rem;position:relative}.page-content.repository:not(.milestones) > .ui.container .repo-topic:not(:hover){background:none}.page-content.repository:not(.milestones) > .ui.container .repo-topic::before{content:"";position:absolute;inset:0;border-radius:100px;background:var(--color-primary);opacity:.07;z-index:-1}.page-content.repository:not(.milestones) > .ui.container .form .ui.tabular.menu{margin-bottom:-2px;z-index:1}.page-content.repository:not(.milestones) > .ui.container #comment-form .markdown{padding-top:15px}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats{border:0}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .language-stats-details{padding:0 !important}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item{position:relative;width:auto;flex-grow:1;padding:0 !important;min-width:min-content}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item.ac{padding:12px !important}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item .ui,.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item .ac{display:block;line-height:1.4em;width:100%;padding:8px}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item .ui svg,.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item .ac svg{vertical-align:top;margin-right:.2em}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item::after{all:unset;content:"";inset:0;position:absolute;background-color:var(--color-primary);border-radius:var(--base-border-radius);opacity:.1;pointer-events:none}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .language-stats{border-radius:100px;overflow:hidden;margin-top:.7em}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins{margin:10px -.35714286em;flex-wrap:wrap;flex-direction:row !important;grid-row-gap:5px}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .mx-0,.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .mr-1{width:auto !important}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins > .item:nth-last-child(+2){flex-grow:1}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins > .item:last-child{flex:3 1 100px;margin-left:4px}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins > .item:first-child .floating.filter.dropdown > .basic.small.compact.button .text{font-size:0;display:flex;align-items:center}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins > .item:first-child .floating.filter.dropdown > .basic.small.compact.button .text strong{font-size:1rem;margin-left:8px;margin-right:4px;font-weight:500}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .breadcrumb{margin:0 10px}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins button,.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .button{align-content:center;display:flex;align-items:center;height:32px !important;padding-left:16px !important;padding-right:16px !important;box-sizing:border-box}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins button.icon,.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .button.icon{padding-left:8px !important;padding-right:8px !important}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #file-buttons{margin:0 4px !important}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #clone-panel{width:300px !important;box-sizing:border-box;flex-grow:1;border:1px solid var(--color-secondary);padding:2px;height:auto;border-radius:var(--base-border-radius)}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #clone-panel input{width:0 !important;min-width:unset;flex-grow:1;border:0;background:none;border-radius:var(--base-border-radius) !important}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #clone-panel button{border-radius:var(--base-border-radius) !important;margin-right:2px;background:none;border:0;height:28px !important}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #clone-panel button:hover{background:var(--color-light)}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #clone-panel button:last-child{margin-right:0}.page-content.repository:not(.milestones) > .ui.container #repo-files-table{margin-top:0;background:none !important;display:flex;flex-direction:column}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead{position:relative}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead::after{content:"";position:absolute;inset:0;background:var(--color-primary);opacity:.05;z-index:-1}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead tr{background:none !important}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th{padding:12px 12px;background:none !important;max-width:100%}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th:first-child{width:0;flex-grow:1;display:flex !important;align-items:center;flex-wrap:wrap}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th:first-child > a{min-width:max-content !important;max-width:100px}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th:last-child{padding-block:0 !important}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th a{color:var(--color-text)}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th > .avatar{width:20px;height:20px;margin:4px;margin-right:8px !important}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .avatar{margin-right:4px}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .avatar + a{display:inline-flex !important}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .commit-summary{display:contents}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .message-wrapper{display:inline-flex;width:100px;flex-grow:1}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .message-wrapper a{overflow:hidden;text-overflow:ellipsis;max-width:100%}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .commit-body{padding:6px;padding-right:0;width:100%}.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr{position:relative;width:100%;display:flex !important;align-items:center}.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr td:first-child{width:250px;max-width:50%}.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr td:nth-child(2){width:0 !important;max-width:unset;flex-grow:1}.page-content.repository:not(.milestones) > .ui.container #repo-files-table td::before{content:"";position:absolute !important;inset:0;pointer-events:none !important;z-index:-100 !important;background:var(--color-primary);opacity:0}.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr:hover td:nth-child(2)::before,.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr:focus-within td:nth-child(2)::before{opacity:.1}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate{overflow:visible;display:inline-flex}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate a{margin:-8px 0;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--color-text)}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate a:hover,.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate a:focus{color:var(--color-primary)}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate a:last-child{flex-grow:1}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate svg{margin:0 10px;margin-top:2px}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .name{padding-left:8px}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .message,.page-content.repository:not(.milestones) > .ui.container #repo-files-table .right:not(.popup){opacity:.8}.page-content.repository:not(.milestones) > .ui.container .file-header{padding:8px 16px !important;font-size:1rem}.page-content.repository:not(.milestones) > .ui.container .file-header .octicon-book{color:var(--color-text-light-2) !important;margin-right:10px !important}.page-content.repository:not(.milestones) > .ui.container .file-header strong{line-height:35px}.page-content.repository:not(.milestones) > .ui.container .issue.list{margin-top:-8px !important}.page-content.repository:not(.milestones) > .ui.container .diff-box.sticky{margin:0 -1px;border-bottom:0}.page-content.repository:not(.milestones) > .ui.container .sticky-2nd-row{box-shadow:0 -2px 0 2px var(--color-body)}.page-content.repository:not(.milestones) > .ui.container .ui.timeline{margin-left:-16px}.page-content.repository:not(.milestones) > .ui.container .timeline-item.comment{display:flex}.page-content.repository:not(.milestones) > .ui.container .timeline-item.comment .content{flex-grow:1}.page-content.repository:not(.milestones) > .ui.container .timeline-item .timeline-avatar{position:relative;left:0;width:0;margin-top:.7em;z-index:2}.page-content.repository:not(.milestones) > .ui.container .timeline-item .timeline-avatar img,.page-content.repository:not(.milestones) > .ui.container .timeline-item .timeline-avatar svg{margin:0;height:1.6em !important;min-width:1.6em;width:1.6em !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item.form .timeline-avatar{display:none !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item .comment-header::after,.page-content.repository:not(.milestones) > .ui.container .timeline-item .form::after,.page-content.repository:not(.milestones) > .ui.container .timeline-item .no-header::after,.page-content.repository:not(.milestones) > .ui.container .timeline-item .comment-header::before,.page-content.repository:not(.milestones) > .ui.container .timeline-item .form::before,.page-content.repository:not(.milestones) > .ui.container .timeline-item .no-header::before{content:unset !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item .header{padding-left:calc(1.7em + 22px) !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item .attached.segment:first-child,.page-content.repository:not(.milestones) > .ui.container .timeline-item .attached.segment:first-child ~ .attached{padding-left:calc(1.7em + 22px) !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item .reactions{border:0 !important;padding:0 1em;margin-top:-.4em !important;padding-bottom:.4em !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item .reactions > a{padding:4px 8px !important;margin-right:.5em;margin-bottom:.5em;border:1px solid var(--color-secondary);border-radius:calc(var(--base-border-radius) * 2)}.page-content.repository:not(.milestones) > .ui.container .timeline-item .reactions > a .reaction{font-size:1em}.page-content.repository:not(.milestones) > .ui.container .timeline-item .reactions .select-reaction{padding:0 !important}.page-content.repository:not(.milestones) > .ui.container .ui.grid > .eleven{margin-left:1rem}.page-content.repository:not(.milestones) > .ui.container .ui.grid > .four > .metas{position:sticky;min-height:calc(100vh - 40px);bottom:20px;top:unset;align-self:flex-end}@media only screen and (min-width:1000px){.page-content.repository:not(.milestones).file > .ui.container,.page-content.repository:not(.milestones).commits > .ui.container,.page-content.repository:not(.milestones).branches > .ui.container{margin:0 !important;grid-column:2;width:auto !important;max-width:100% !important;display:grid;grid-template-columns:calc(100% - 100px) 100px;grid-template-rows:min-content !important;align-items:flex-start}.page-content.repository:not(.milestones).file > .ui.container > *,.page-content.repository:not(.milestones).commits > .ui.container > *,.page-content.repository:not(.milestones).branches > .ui.container > *{grid-column:1}.page-content.repository:not(.milestones).file > .ui.container .repository-summary,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"],.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"],.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"]{grid-column:2;grid-row:1/span 50;border:0;margin-top:12px !important;margin-left:30px;height:min-content;position:sticky;width:70px;bottom:20px;top:unset;align-self:flex-end;background:none !important;min-height:calc(100vh - 40px);margin-bottom:-60px !important;overflow:visible !important;display:flex;flex-direction:column;align-items:center}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .segment,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .segment,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .segment,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .segment,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .segment,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .segment{background:none}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details{display:flex !important;padding:0;border-top:1px solid rgba(0,0,0,0.1);overflow:hidden;background:none !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details .item,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details .item,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item{flex-direction:column}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details .item > *,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details .item > *,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item > *,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item > *,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item > *,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item > *{margin:0 !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details .item i,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details .item i,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item i,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item i,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item i,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item i{margin-bottom:8px !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .repository-menu,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .repository-menu,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .repository-menu,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .repository-menu,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .repository-menu,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .repository-menu{display:block !important;height:unset !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details{height:unset !important;padding:0 !important;margin:0 !important;order:2;border:0 !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats{border-radius:var(--base-border-radius) !important;overflow:hidden !important;pointer-events:none;margin-top:0}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .horizontal.list:not(.two),.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .horizontal.list:not(.two),.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .horizontal.list:not(.two),.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .horizontal.list:not(.two),.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .horizontal.list:not(.two),.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .horizontal.list:not(.two){padding-top:1rem}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal{flex-direction:column;background:none !important;justify-content:flex-start}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment{border-radius:12px !important;padding:12px 0 !important;padding-bottom:18px !important;flex-grow:0;position:relative;margin-right:0 !important;border:none}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item a,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item a,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment a,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment a{padding:0 !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item .bold,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item .bold,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item .bold,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item .bold,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item .bold,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item .bold,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item .bold,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item .bold,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item .bold,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item .bold,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item .bold,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item .bold,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment .bold,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment .bold,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment .bold,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment .bold,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment .bold,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment .bold,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item b,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item b,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item b,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item b,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item b,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item b,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item b,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item b,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item b,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item b,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item b,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item b,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment b,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment b,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment b,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment b,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment b,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment b,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment b,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment b,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment b,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment b,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment b,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment b{font-weight:500 !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item.active,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item.active,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item.active,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item.active,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item.active,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item.active,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment.active,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment.active,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment.active,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item:target,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item:target,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item:target,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item:target,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item:target,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item:target,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment:target,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment:target,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment:target,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment:target,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment:target,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment:target,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target{background:none !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item.active::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item.active::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item.active::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item.active::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item.active::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item.active::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item:target::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item:target::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item:target::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item:target::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item:target::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item:target::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment:target::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment:target::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment:target::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target::before{content:"";position:absolute;top:0;left:-5px;right:-5px;bottom:5px;background:var(--color-primary);opacity:.1;z-index:-1;border-radius:12px}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item::after,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item::after,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item::after,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item::after,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item::after,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item::after,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item::after,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item::after,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item::after,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item::after,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item::after,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item::after,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment::after,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment::after,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment::after,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment::after,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment::after,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment::after,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment::after,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment::after,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment::after,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment::after,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment::after,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment::after{content:unset !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list.list a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list.list a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list.list a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal.list a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal.list a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal.list a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list span,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list span,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal span,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal span,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal span,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span{display:flex;flex-direction:column;padding:0 10px;justify-content:center}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list.list a > *,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list.list a > *,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list.list a > *,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a > *,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a > *,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a > *,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal.list a > *,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal.list a > *,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal.list a > *,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a > *,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a > *,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a > *,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list span > *,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list span > *,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span > *,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span > *,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span > *,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span > *,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal span > *,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal span > *,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal span > *,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span > *,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span > *,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span > *{margin-bottom:5px}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list.list a svg,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list.list a svg,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list.list a svg,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a svg,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a svg,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a svg,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal.list a svg,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal.list a svg,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal.list a svg,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a svg,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a svg,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a svg,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list span svg,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list span svg,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span svg,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span svg,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span svg,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span svg,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal span svg,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal span svg,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal span svg,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span svg,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span svg,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span svg{width:100%;height:20px;margin-bottom:10px !important}}.issue.list,.milestone.list{border:1px solid var(--color-secondary);border-radius:var(--base-border-radius);background:var(--color-menu);padding:0 !important;margin-top:1rem}.issue.list.milestone.list li,.milestone.list.milestone.list li{border-bottom-style:solid !important;padding:10px 15px !important}.issue.list.milestone.list li:last-child,.milestone.list.milestone.list li:last-child{border-bottom:0}.issue.list.milestone.list li > a,.milestone.list.milestone.list li > a{font-size:1.4em}.issue.list li,.milestone.list li{padding:8px 10px !important;position:relative}.issue.list li:hover:before,.milestone.list li:hover:before,.issue.list li:focus-within:before,.milestone.list li:focus-within:before{content:"";position:absolute;inset:0;background-color:var(--color-primary);z-index:0;opacity:.07;pointer-events:none}.issue.list li > *,.milestone.list li > *{z-index:1}.issue.list li .issue-item-left,.milestone.list li .issue-item-left{padding-top:2px}.issue.list li .issue-item-left svg,.milestone.list li .issue-item-left svg{margin-right:8px}.issue.list li .issue-item-top-row,.milestone.list li .issue-item-top-row{display:flex;flex-wrap:wrap}.issue.list li .issue-item-top-row a,.milestone.list li .issue-item-top-row a{vertical-align:unset !important;margin-bottom:8px}.issue.list li .issue-item-top-row > a,.milestone.list li .issue-item-top-row > a{margin-right:4px}.issue.list li .issue-item-top-row .label,.milestone.list li .issue-item-top-row .label{line-height:1em;font-weight:500;text-transform:capitalize;filter:saturate(0.8)}.issue.list li .issue-item-bottom-row,.milestone.list li .issue-item-bottom-row{margin-top:-6px !important}.issue.list li .issue-item-bottom-row svg,.milestone.list li .issue-item-bottom-row svg{margin-top:3px}.issue.list li .issue-item-bottom-row .checklist,.milestone.list li .issue-item-bottom-row .checklist{margin-left:auto}.issue.list li .content,.milestone.list li .content{padding-bottom:2px;padding-top:2px !important}.issue.list li .issue-item-icons-right,.milestone.list li .issue-item-icons-right{width:5em;justify-content:flex-end}.issue.list li .issue-item-icons-right .text,.milestone.list li .issue-item-icons-right .text{min-width:unset;margin-left:0}.issue.list li .issue-item-icons-right a,.milestone.list li .issue-item-icons-right a{display:flex;align-items:center}.issue.list .label,.milestone.list .label{margin-top:-1px;position:relative}#release-list{padding-left:0}#release-list .four.wide.column{width:150px !important}.explore,.page-content.user,.profile{display:flex;flex-wrap:wrap;justify-content:center}.explore.explore > .ui.container,.page-content.user.explore > .ui.container,.profile.explore > .ui.container{max-width:calc(100vw - 40px);width:3000px !important;padding:0 calc(10vw - 80px)}.explore.organization > .ui.container:first-child,.page-content.user.organization > .ui.container:first-child,.profile.organization > .ui.container:first-child{padding-top:30px;padding-bottom:30px}.explore.organization > .ui.container:first-child #org-info,.page-content.user.organization > .ui.container:first-child #org-info,.profile.organization > .ui.container:first-child #org-info{display:flex;flex-direction:column;margin:0 10px;justify-content:center}.explore.organization > .ui.container:first-child #org-info > p,.page-content.user.organization > .ui.container:first-child #org-info > p,.profile.organization > .ui.container:first-child #org-info > p{margin:0 !important;margin-bottom:.2rem !important}.explore.organization > .ui.container:first-child #org-info .item,.page-content.user.organization > .ui.container:first-child #org-info .item,.profile.organization > .ui.container:first-child #org-info .item{display:flex;align-items:center}.explore.organization > .ui.container:first-child #org-info .item a,.page-content.user.organization > .ui.container:first-child #org-info .item a,.profile.organization > .ui.container:first-child #org-info .item a{margin-left:4px}.explore.organization .ui.eleven.wide.column::before,.page-content.user.organization .ui.eleven.wide.column::before,.profile.organization .ui.eleven.wide.column::before{content:unset !important}.explore > .ui.container,.page-content.user > .ui.container,.profile > .ui.container{max-width:1350px;width:100% !important;padding:0 20px}.explore > .ui.container[class="ui container"] .five.wide.column,.page-content.user > .ui.container[class="ui container"] .five.wide.column,.profile > .ui.container[class="ui container"] .five.wide.column{width:320px !important;flex:1 0 320px !important;position:sticky;bottom:10px;align-self:flex-end;min-height:100vh;line-height:1.5em}.explore > .ui.container[class="ui container"] .five.wide.column .card,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card,.profile > .ui.container[class="ui container"] .five.wide.column .card{width:100%;border:0;background:none !important}.explore > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar,.profile > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar{padding-left:.7rem;padding-right:2rem !important;padding-top:.5rem}.explore > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar .avatar,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar .avatar,.profile > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar .avatar{border-radius:calc(var(--base-border-radius) * 2) !important;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid var(--color-secondary);background:var(--color-body);height:100% !important;max-height:80vh}.explore > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name,.profile > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name{font-size:2rem;display:contents}.explore > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span,.profile > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span{text-align:left;font-weight:600;padding-left:.7rem;margin:1.5rem 0}.explore > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.header,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.header,.profile > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.header{font-weight:500;letter-spacing:.1em;height:39px;line-height:40px;margin-bottom:-1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;background:var(--color-body);position:sticky;top:0;z-index:3;box-shadow:0 -5px 5px var(--color-body)}.explore > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.username,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.username,.profile > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.username{z-index:2}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra{border:0 !important}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li{border:0 !important;padding:.3rem .7rem;display:flex;align-items:center}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li svg,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li svg,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li svg{margin-right:8px}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs{justify-content:center;margin-top:1rem !important}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li{flex-grow:1 !important}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a{width:100%}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a img,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a img,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a img{width:35px;height:35px}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content{padding:.6rem 0;padding-bottom:.7rem !important}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content p,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content p,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content p{word-break:normal !important;line-height:1.5em}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra .follow form,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra .follow form,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra .follow form{margin-top:1rem;width:100%}.explore > .ui.container .eleven.wide.column,.page-content.user > .ui.container .eleven.wide.column,.profile > .ui.container .eleven.wide.column{flex-grow:100;width:500px !important;max-width:100%}.explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu,.page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu,.profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu{margin:0 -2px;margin:0 -20px;margin-left:-40px;margin-bottom:1.5rem;position:sticky;top:-2px !important;margin-top:-42px;height:42px;z-index:99;background-color:var(--color-body)}.explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before,.page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before,.profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before{content:"";min-width:40px;display:block;position:sticky;left:0;background:linear-gradient(to right,var(--color-body),transparent);z-index:1}@supports (backdrop-filter:blur(10px)){.explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu,.page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu,.profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu{backdrop-filter:blur(10px);background-color:transparent}.explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::after,.page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::after,.profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::after{all:unset;z-index:-1;content:"" !important;position:absolute;inset:0;background-color:var(--color-body);opacity:.8}}.explore > .ui.container .eleven.wide.column::before,.page-content.user > .ui.container .eleven.wide.column::before,.profile > .ui.container .eleven.wide.column::before{content:"";position:sticky;margin:0 !important;margin-left:-100vw !important;margin-top:42px !important;width:200vw;display:block;border-bottom:1px solid var(--color-secondary);top:39px;z-index:-1}.explore > .ui.container .item .meta,.page-content.user > .ui.container .item .meta,.profile > .ui.container .item .meta{display:flex;align-items:center}.explore > .ui.container .item .meta svg,.page-content.user > .ui.container .item .meta svg,.profile > .ui.container .item .meta svg{margin-right:4px}.explore > .ui.container .item .meta a,.page-content.user > .ui.container .item .meta a,.profile > .ui.container .item .meta a{max-width:calc(100% - 20px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui.container > .news,.feeds > .news{border:1px solid var(--color-secondary) !important;border-bottom:none !important;background:var(--color-box-body);border-radius:var(--base-border-radius) var(--base-border-radius) 0 0;padding:12px 12px !important;position:relative;overflow:hidden}.ui.container > .news + .news,.feeds > .news + .news{border-radius:0 !important}.ui.container > .news:last-child,.feeds > .news:last-child{border-radius:0 0 var(--base-border-radius) var(--base-border-radius) !important;border-bottom:1px solid var(--color-secondary) !important}.ui.container > .news::before,.feeds > .news::before{content:"";position:absolute;inset:0;background:var(--color-primary);opacity:0;transition:opacity .2s}.ui.container > .news:hover::before,.feeds > .news:hover::before,.ui.container > .news:focus-within::before,.feeds > .news:focus-within::before{opacity:.05}.ui.container > .news .ui.left,.feeds > .news .ui.left{width:42px}.ui.container > .news .ui.left img,.feeds > .news .ui.left img{margin:0 !important;margin-right:18px !important;border-radius:var(--base-border-radius)}.ui.container > .news .ui.grid,.feeds > .news .ui.grid{margin:0 !important;padding:0 !important;padding-top:1px !important;min-height:30px}.ui.container > .news .ui.grid > .column,.feeds > .news .ui.grid > .column{padding:0 !important;width:100% !important}.ui.container > .news .ui.grid > .column > div,.feeds > .news .ui.grid > .column > div{display:flex;flex-wrap:wrap;align-items:center;min-height:100%}.ui.container > .news .ui.grid > .column > div p,.feeds > .news .ui.grid > .column > div p{height:max-content}.ui.container > .news .ui.grid > .column > div > *:first-child,.feeds > .news .ui.grid > .column > div > *:first-child{min-width:calc(100% - 200px);margin-bottom:0 !important}.ui.container > .news .ui.grid > .column > div > :not(:first-child):not(:last-child),.feeds > .news .ui.grid > .column > div > :not(:first-child):not(:last-child){min-width:calc(100% - 200px);margin-top:.3em}.ui.container > .news .ui.grid > .column > div > *:last-child,.feeds > .news .ui.grid > .column > div > *:last-child{margin-left:auto;margin-top:auto}.ui.container > .news .ui.grid .content,.feeds > .news .ui.grid .content{max-width:100%}.ui.container > .news .ui.grid > .column > div > p:first-child,.feeds > .news .ui.grid > .column > div > p:first-child{margin-bottom:.4rem;font-weight:600}.ui.container > .news .ui.grid > .right.column,.feeds > .news .ui.grid > .right.column{position:absolute;top:32px;left:0;width:53px !important;text-align:center;z-index:2}.ui.container > .news .ui.grid > .right.column svg,.feeds > .news .ui.grid > .right.column svg{width:26px;height:26px;padding:3px;fill:#000 !important;background-color:var(--color-box-body);border-radius:100px;border:1px solid var(--color-secondary)}.ui.container > .news .ui.grid > .right.column svg path,.feeds > .news .ui.grid > .right.column svg path{fill:var(--color-primary)}.ui.container > .news .ui.grid .title,.feeds > .news .ui.grid .title,.ui.container > .news .ui.grid p,.feeds > .news .ui.grid p,.ui.container > .news .ui.grid ul,.feeds > .news .ui.grid ul{margin-bottom:0}.ui.container > .news .ui.grid ul,.feeds > .news .ui.grid ul{margin-top:0;border-left:4px solid var(--color-secondary)}.ui.container > .news .ui.grid ul li .mr-2,.feeds > .news .ui.grid ul li .mr-2{margin-top:.1em}.ui.container > .news .divider,.feeds > .news .divider{display:none}.ui.repository.list,.ui.user.list{margin-top:16px !important;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:16px}.ui.repository.list .item,.ui.user.list .item{width:100%;max-width:calc(100vw - 40px);min-height:unset !important;padding:14px 16px !important;border:1px solid var(--color-secondary);background:var(--color-box-body);border-radius:8px;flex-grow:1;display:grid !important;position:relative;grid-template-columns:max-content 1fr;align-content:flex-start}.ui.repository.list .item:hover,.ui.user.list .item:hover,.ui.repository.list .item:focus-within,.ui.user.list .item:focus-within{box-shadow:var(--lt-shadowDefault)}.ui.repository.list .item:focus-within,.ui.user.list .item:focus-within{border-color:var(--color-primary) !important}.ui.repository.list .item .header,.ui.user.list .item .header{display:contents !important}.ui.repository.list .item .header .repo-title,.ui.user.list .item .header .repo-title{display:contents;position:relative;font-size:1.2rem;line-height:1.4em}.ui.repository.list .item .header .repo-title a,.ui.user.list .item .header .repo-title a{white-space:normal !important;word-break:normal !important;text-decoration:none !important}.ui.repository.list .item .header .repo-title > *,.ui.user.list .item .header .repo-title > *{grid-column:2/span 4}.ui.repository.list .item .header .repo-title .labels,.ui.user.list .item .header .repo-title .labels{grid-column:3;grid-row:2;margin-left:0 !important;white-space:nowrap}.ui.repository.list .item .header .repo-title a::before,.ui.user.list .item .header .repo-title a::before{content:"";position:absolute;top:0;left:0;height:80px;width:100%}.ui.repository.list .item .header .avatar,.ui.user.list .item .header .avatar{height:50px !important;width:50px !important;margin-right:12px !important;margin-left:-2px;grid-column:1;grid-row:1/span 2;border-radius:12px}.ui.repository.list .item .header .metas,.ui.user.list .item .header .metas{grid-column:2;grid-row:2;width:100%}.ui.repository.list .item .description,.ui.user.list .item .description{display:contents}.ui.repository.list .item .description > p:first-child,.ui.user.list .item .description > p:first-child{padding-top:4px;margin-bottom:0}.ui.repository.list .item .description > *,.ui.user.list .item .description > *{grid-column:1/span 4}.ui.repository.list .item .description > *:nth-last-child(2),.ui.user.list .item .description > *:nth-last-child(2){margin-bottom:0 !important}.ui.repository.list .item .description .time,.ui.user.list .item .description .time{grid-row:2;grid-column:4;margin-left:10px;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;z-index:3;height:max-content;margin-block:auto !important}.ui.repository.list .item .description .tags,.ui.user.list .item .description .tags{display:flex;overflow-x:auto;scrollbar-width:none;margin-top:8px;border-radius:100px}.ui.repository.list .item .description .tags::-webkit-scrollbar,.ui.user.list .item .description .tags::-webkit-scrollbar{display:none}.ui.repository.list .item .description .tags a > div,.ui.user.list .item .description .tags a > div{width:max-content !important}.ui.repository.list .item .description .tags a:last-child,.ui.user.list .item .description .tags a:last-child{padding-right:100px}.ui.repository.list .item .description .tags::after,.ui.user.list .item .description .tags::after{content:"";min-width:100px;margin-left:-100px;height:100%;position:sticky;display:flex;right:0;background:linear-gradient(to right,transparent,var(--color-box-body));pointer-events:none}.ui.repository.list .item .content,.ui.user.list .item .content{padding-left:12px;margin-bottom:-.4em}.ui.repository.list .item .content .header a,.ui.user.list .item .content .header a{font-weight:600;text-transform:capitalize}.ui.repository.list .item .content .description,.ui.user.list .item .content .description{display:flex;flex-direction:column;padding-left:22px;line-height:1.8em;margin-top:.5em}.ui.repository.list .item .content .description svg,.ui.user.list .item .content .description svg{margin-bottom:-1.45em !important;margin-left:-22px !important}.dashboard{display:flex;flex-wrap:wrap;margin:auto;max-width:100%;padding:30px 0;width:1400px;margin-bottom:-45px;gap:-50px}.dashboard .dashboard-navbar{width:auto;position:sticky;bottom:10px;align-self:flex-end;height:min-content;z-index:2;flex:1 1 80px;max-width:calc(100% - 60px);margin:0 auto;margin-left:10px !important;margin-bottom:40px;background-color:var(--color-bg)}.dashboard .dashboard-navbar > .menu{padding-top:0 !important;padding-right:0 !important}.dashboard .dashboard-navbar .button{white-space:nowrap;max-width:100% !important;padding-inline:10px !important;overflow:hidden}.dashboard .dashboard-navbar > .ui{display:flex;flex-wrap:wrap;flex-direction:row !important;padding-top:20px}.dashboard .dashboard-navbar > .ui .right.right{display:contents}.dashboard .dashboard-navbar > .ui > .item,.dashboard .dashboard-navbar > .ui > .right > .item{flex-direction:column;margin:0 !important;text-align:center;flex-grow:1;display:flex !important;align-content:center;align-items:center;padding-bottom:20px;max-width:100%;width:80px !important;text-indent:-.35em !important}.dashboard .dashboard-navbar > .ui > .item > .dropdown,.dashboard .dashboard-navbar > .ui > .right > .item > .dropdown,.dashboard .dashboard-navbar > .ui > .item .button,.dashboard .dashboard-navbar > .ui > .right > .item .button{text-indent:0 !important}.dashboard .dashboard-navbar > .ui > .item span,.dashboard .dashboard-navbar > .ui > .right > .item span{text-align:center}.dashboard .dashboard-navbar > .ui > .item .label,.dashboard .dashboard-navbar > .ui > .right > .item .label{margin:0 !important}.dashboard .dashboard-navbar > .ui > .item svg:not(.octicon-plus),.dashboard .dashboard-navbar > .ui > .right > .item svg:not(.octicon-plus){width:100%;height:22px;margin:0 !important;margin-bottom:10px !important}.dashboard .dashboard-navbar > .ui > .item .dropdown > span,.dashboard .dashboard-navbar > .ui > .right > .item .dropdown > span{flex-direction:column}.dashboard .dashboard-navbar > .ui > .item .dropdown > span img,.dashboard .dashboard-navbar > .ui > .right > .item .dropdown > span img{margin:0 auto;width:40px;height:40px !important;max-height:unset;margin-bottom:10px}.dashboard .dashboard-navbar > .ui > .item .dropdown > span .icon,.dashboard .dashboard-navbar > .ui > .right > .item .dropdown > span .icon{margin-bottom:0 !important}.dashboard .dashboard-navbar > .ui > .item .dropdown > span .avatar,.dashboard .dashboard-navbar > .ui > .right > .item .dropdown > span .avatar{border-radius:var(--base-border-radius)}.dashboard .dashboard-navbar > .ui > .item .dropdown > span span,.dashboard .dashboard-navbar > .ui > .right > .item .dropdown > span span{margin-bottom:-4px}.dashboard > .ui.container{margin:0 auto !important;display:flex;flex-wrap:wrap-reverse !important;flex:9999 1 900px;margin-top:-31px !important;padding-top:30px;border-top:1px solid var(--color-secondary);--container-padding-x:calc(2.5% + 0px)}.dashboard > .ui.container > .ui.stackable.grid{width:100%;justify-content:center;margin:0}.dashboard > .ui.container > .ui.stackable.grid > .ten.column{z-index:1;padding:15px var(--container-padding-x) !important;padding-bottom:var(--container-padding-x) !important;margin:0 auto !important}.dashboard > .ui.container > .ui.stackable.grid > .column{max-width:calc(100vw - 40px);margin:0 auto;flex-grow:1}.dashboard > .ui.container > .ui.stackable.grid > .column #user-heatmap + .divider{border-bottom:0}.dashboard > .ui.container > .ui.stackable.grid > .column .ui.secondary.menu,.dashboard > .ui.container > .ui.stackable.grid > .column .ui.stackable.grid{margin-left:0 !important;margin-right:0 !important}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column{min-width:230px}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column + div{flex-grow:9999}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -6px !important;background:none !important}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a{display:flex;flex:1 0 auto;min-width:200px;max-width:calc(100% - 12px);border:1px solid var(--color-secondary);margin:3px 6px}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a .right{margin-left:auto}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a span{width:100%}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a .label{margin-left:8px}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a:hover{background-color:var(--color-light)}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu .ui.divider{width:100%;margin:12px 6px}.dashboard #app,.dashboard #dashboard-repo-list{height:min-content;position:sticky;bottom:0;align-self:flex-end;margin:0 auto !important;margin-top:0 !important;margin-bottom:-81px !important;padding:0 var(--container-padding-x) !important;padding-top:10px !important;padding-bottom:0 !important;z-index:0;max-width:100% !important;flex-shrink:9999}.dashboard #app > div,.dashboard #dashboard-repo-list > div{height:100%;display:flex;flex-direction:column;min-height:calc(100vh - 30px)}.dashboard #app::before,.dashboard #dashboard-repo-list::before{content:"";position:absolute;bottom:-15px;width:200vw;height:calc(100vh + 25px);right:calc(100% - 15px);right:100%;z-index:-100;background:var(--color-light);box-shadow:200vw 0 var(--color-body),inset 0 -8px 8px rgba(0,0,0,0.07)}.dashboard #app .tabable,.dashboard #dashboard-repo-list .tabable{background:none;margin-right:0 !important;box-sizing:border-box;width:unset;margin-bottom:0}.dashboard #app .dashboard-repos,.dashboard #dashboard-repo-list .dashboard-repos,.dashboard #app .dashboard-orgs,.dashboard #dashboard-repo-list .dashboard-orgs{margin:0 -10px !important;padding:0 10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;margin-bottom:0;min-height:200px;height:0;flex-grow:1;padding-top:15px;scrollbar-color:var(--color-secondary) transparent}.dashboard #app .dashboard-repos .repos-search .input,.dashboard #dashboard-repo-list .dashboard-repos .repos-search .input,.dashboard #app .dashboard-orgs .repos-search .input,.dashboard #dashboard-repo-list .dashboard-orgs .repos-search .input{margin-bottom:8px}.dashboard #app .dashboard-repos > .ui:last-child,.dashboard #dashboard-repo-list .dashboard-repos > .ui:last-child,.dashboard #app .dashboard-orgs > .ui:last-child,.dashboard #dashboard-repo-list .dashboard-orgs > .ui:last-child{margin-bottom:78px}.dashboard #app .dashboard-repos > *,.dashboard #dashboard-repo-list .dashboard-repos > *,.dashboard #app .dashboard-orgs > *,.dashboard #dashboard-repo-list .dashboard-orgs > *{border:0;background:none}.dashboard #app .dashboard-repos .label,.dashboard #dashboard-repo-list .dashboard-repos .label,.dashboard #app .dashboard-orgs .label,.dashboard #dashboard-repo-list .dashboard-orgs .label{padding:0 .5em !important;height:1.4em;min-height:unset;font-size:.9em;min-width:2em !important;position:relative;background:none;margin-left:.5em}.dashboard #app .dashboard-repos .label::before,.dashboard #dashboard-repo-list .dashboard-repos .label::before,.dashboard #app .dashboard-orgs .label::before,.dashboard #dashboard-repo-list .dashboard-orgs .label::before{content:"";position:absolute;inset:0;background-color:var(--color-primary);opacity:.9;z-index:-1;border-radius:100px}.dashboard #app .dashboard-repos .header,.dashboard #dashboard-repo-list .dashboard-repos .header,.dashboard #app .dashboard-orgs .header,.dashboard #dashboard-repo-list .dashboard-orgs .header{font-weight:600}.dashboard #app .dashboard-repos .header a,.dashboard #dashboard-repo-list .dashboard-repos .header a,.dashboard #app .dashboard-orgs .header a,.dashboard #dashboard-repo-list .dashboard-orgs .header a{display:flex;align-items:center}.dashboard #app .dashboard-repos .header a svg,.dashboard #dashboard-repo-list .dashboard-repos .header a svg,.dashboard #app .dashboard-orgs .header a svg,.dashboard #dashboard-repo-list .dashboard-orgs .header a svg{width:18px;height:18px}.dashboard #app .dashboard-repos .header,.dashboard #dashboard-repo-list .dashboard-repos .header,.dashboard #app .dashboard-orgs .header,.dashboard #dashboard-repo-list .dashboard-orgs .header,.dashboard #app .dashboard-repos .repos-search,.dashboard #dashboard-repo-list .dashboard-repos .repos-search,.dashboard #app .dashboard-orgs .repos-search,.dashboard #dashboard-repo-list .dashboard-orgs .repos-search{padding-left:5px;padding-right:5px}.dashboard #app .dashboard-repos .repos-search,.dashboard #dashboard-repo-list .dashboard-repos .repos-search,.dashboard #app .dashboard-orgs .repos-search,.dashboard #dashboard-repo-list .dashboard-orgs .repos-search{padding-top:0}.dashboard #app .dashboard-repos .repos-search input,.dashboard #dashboard-repo-list .dashboard-repos .repos-search input,.dashboard #app .dashboard-orgs .repos-search input,.dashboard #dashboard-repo-list .dashboard-orgs .repos-search input,.dashboard #app .dashboard-repos .repos-search .button,.dashboard #dashboard-repo-list .dashboard-repos .repos-search .button,.dashboard #app .dashboard-orgs .repos-search .button,.dashboard #dashboard-repo-list .dashboard-orgs .repos-search .button{background:none !important}.dashboard #app .dashboard-repos .repos-filter,.dashboard #dashboard-repo-list .dashboard-repos .repos-filter,.dashboard #app .dashboard-orgs .repos-filter,.dashboard #dashboard-repo-list .dashboard-orgs .repos-filter{justify-content:flex-start}.dashboard #app .dashboard-repos .repos-filter .item,.dashboard #dashboard-repo-list .dashboard-repos .repos-filter .item,.dashboard #app .dashboard-orgs .repos-filter .item,.dashboard #dashboard-repo-list .dashboard-orgs .repos-filter .item{padding:.85714286em 1.14285714em}.dashboard #app .dashboard-repos .repos-filter .active,.dashboard #dashboard-repo-list .dashboard-repos .repos-filter .active,.dashboard #app .dashboard-orgs .repos-filter .active,.dashboard #dashboard-repo-list .dashboard-orgs .repos-filter .active{font-weight:600}.dashboard #app .dashboard-repos .repos-filter .active::before,.dashboard #dashboard-repo-list .dashboard-repos .repos-filter .active::before,.dashboard #app .dashboard-orgs .repos-filter .active::before,.dashboard #dashboard-repo-list .dashboard-orgs .repos-filter .active::before{content:unset !important}.dashboard #app .dashboard-repos .repos-filter .active .label,.dashboard #dashboard-repo-list .dashboard-repos .repos-filter .active .label,.dashboard #app .dashboard-orgs .repos-filter .active .label,.dashboard #dashboard-repo-list .dashboard-orgs .repos-filter .active .label{font-size:1em}.dashboard #app .dashboard-repos .table,.dashboard #dashboard-repo-list .dashboard-repos .table,.dashboard #app .dashboard-orgs .table,.dashboard #dashboard-repo-list .dashboard-orgs .table{margin-top:4px}.dashboard #app .dashboard-repos li,.dashboard #dashboard-repo-list .dashboard-repos li,.dashboard #app .dashboard-orgs li,.dashboard #dashboard-repo-list .dashboard-orgs li{background:none;font-weight:700;border:0}.dashboard #app .dashboard-repos li a,.dashboard #dashboard-repo-list .dashboard-repos li a,.dashboard #app .dashboard-orgs li a,.dashboard #dashboard-repo-list .dashboard-orgs li a{padding:5px 5px;position:relative}.dashboard #app .dashboard-repos li a:hover:before,.dashboard #dashboard-repo-list .dashboard-repos li a:hover:before,.dashboard #app .dashboard-orgs li a:hover:before,.dashboard #dashboard-repo-list .dashboard-orgs li a:hover:before{content:"";position:absolute;inset:-2px -6px;background-color:var(--color-primary);border-radius:var(--base-border-radius);z-index:-1;opacity:.1}.dashboard #app .dashboard-repos li a .item-name,.dashboard #dashboard-repo-list .dashboard-repos li a .item-name,.dashboard #app .dashboard-orgs li a .item-name,.dashboard #dashboard-repo-list .dashboard-orgs li a .item-name{display:flex;align-items:center;max-width:unset;margin-right:10px}.dashboard #app .dashboard-repos li a .item-name svg,.dashboard #dashboard-repo-list .dashboard-repos li a .item-name svg,.dashboard #app .dashboard-orgs li a .item-name svg,.dashboard #dashboard-repo-list .dashboard-orgs li a .item-name svg{margin-right:8px !important;min-width:16px}.dashboard #app .dashboard-repos li a strong,.dashboard #dashboard-repo-list .dashboard-repos li a strong,.dashboard #app .dashboard-orgs li a strong,.dashboard #dashboard-repo-list .dashboard-orgs li a strong{font-weight:700;text-overflow:ellipsis;overflow:hidden}footer{border:0;padding:20px;box-sizing:border-box;width:auto !important;border-top:1px solid var(--color-secondary);background:var(--color-body);z-index:2}footer .container{max-width:1390px !important;padding:0 40px;box-sizing:border-box;width:auto !important}@media only screen and (max-width:767px){.page-content{margin-bottom:0 !important}.ui{--mobile-padding:18px}.ui.ui.ui.container:not(.fluid){margin-inline:var(--mobile-padding) !important}.ui.ui.ui.container:not(.fluid) > #repo-files-table,.ui.ui.ui.container:not(.fluid) > .tab-size-8,.ui.ui.ui.container:not(.fluid) .issue.list,.ui.ui.ui.container:not(.fluid) .comment-list,.ui.ui.ui.container:not(.fluid) .comment{margin-inline:calc(0px - var(--mobile-padding)) !important;width:calc(100% + (var(--mobile-padding) * 2)) !important;border-inline:none !important;border-radius:0}.ui.ui.ui.container:not(.fluid) > #repo-files-table.comment-list,.ui.ui.ui.container:not(.fluid) > .tab-size-8.comment-list,.ui.ui.ui.container:not(.fluid) .issue.list.comment-list,.ui.ui.ui.container:not(.fluid) .comment-list.comment-list,.ui.ui.ui.container:not(.fluid) .comment.comment-list{margin-left:0 !important}.tabular,.attached.header,.issue.list .item,.ui.ui.ui.ui.table:not(.unstackable) > tr,.ui.ui.ui.ui.table:not(.unstackable) > thead > tr,.ui.ui.ui.ui.table:not(.unstackable) > tbody > tr,.ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr{padding-inline:var(--mobile-padding) !important}.five.wide.column{min-height:unset !important}.ui.button:not(.icon.detail):not(.labeled){min-height:45px !important;padding-left:25px !important;padding-right:25px !important;max-width:unset !important}.ui.menu.mobile--margin-between-items > .fitted.item{width:auto !important}.repo-header{flex-direction:column}.repo-header .repo-title{flex-direction:column}.repo-header .repo-title .repo-icon,.repo-header .repo-title .avatar{width:120px !important;height:120px !important;margin-bottom:.3em;margin-right:0 !important;display:flex;align-items:center;justify-content:center}.repo-header .repo-title .repo-icon svg,.repo-header .repo-title .avatar svg{width:70%;height:70%}.repo-header .repo-title .mx-2{display:none}.repo-header .repo-title .labels{margin-left:0 !important;margin-top:.2em}.repo-header .repo-buttons{margin-top:1em}.repo-header .repo-buttons [data-position]{width:100%;justify-content:center}.dashboard > .ui.container #app{margin-bottom:0 !important}.dashboard > .ui.container #app::before{content:unset !important}.dashboard > .ui.container #app > div{min-height:unset !important}.dashboard > .ui.container #app > div .dashboard-repos{height:auto}footer .links > *{display:block;padding:0 !important;margin:0 !important;border:0 !important}}@-moz-keyframes slideInY{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes slideInY{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@-o-keyframes slideInY{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInY{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@-moz-keyframes slideOutY{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@-webkit-keyframes slideOutY{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@-o-keyframes slideOutY{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes slideOutY{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}
\ No newline at end of file
diff --git a/playbooks/roles/gitea/handlers/main.yml b/playbooks/roles/gitea/handlers/main.yml
new file mode 100644
index 0000000..87586be
--- /dev/null
+++ b/playbooks/roles/gitea/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for gitea
diff --git a/playbooks/roles/gitea/meta/main.yml b/playbooks/roles/gitea/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/gitea/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/gitea/tasks/main.yml b/playbooks/roles/gitea/tasks/main.yml
new file mode 100644
index 0000000..a1cb280
--- /dev/null
+++ b/playbooks/roles/gitea/tasks/main.yml
@@ -0,0 +1,23 @@
+---
+# tasks file for gitea
+- name: Copy Gitea docker compose files
+  ansible.builtin.copy:
+    src: ../files/docker_files/
+    dest: /home/{{ main_user }}/workdir/gitea/
+    mode: '2640'
+    force: yes
+
+- name: Copy Gitea themes
+  ansible.builtin.copy:
+    src: ../files/themes/
+    dest: /srv/cicd/gitea_data/gitea/public/assets/css/
+    mode: '2775'
+#    force: yes
+
+- name: Run Gitea
+  community.docker.docker_compose_v2:
+    project_src: /home/{{ main_user }}/workdir/gitea/
+    files: gitea-compose.yaml
+    state: present
+    recreate: always
+
diff --git a/playbooks/roles/gitea/tests/test.yml b/playbooks/roles/gitea/tests/test.yml
new file mode 100644
index 0000000..06ba8f4
--- /dev/null
+++ b/playbooks/roles/gitea/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - gitea
diff --git a/playbooks/roles/gitea/vars/main.yml b/playbooks/roles/gitea/vars/main.yml
new file mode 100644
index 0000000..3ed3fd2
--- /dev/null
+++ b/playbooks/roles/gitea/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for gitea
diff --git a/playbooks/roles/metrics/README.md b/playbooks/roles/metrics/README.md
new file mode 100644
index 0000000..9297e19
--- /dev/null
+++ b/playbooks/roles/metrics/README.md
@@ -0,0 +1,42 @@
+Role Name
+=========
+
+A brief description of the role goes here.
+
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+A description of the settable variables for this role should go here, including any variables that are in defaults/main.yml, vars/main.yml, and any variables that can/should be set via parameters to the role. Any variables that are read from other roles and/or the global scope (ie. hostvars, group vars, etc.) should be mentioned here as well.
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+Settings for Grafana
+
+import:
+    - 9628 (postgres)
+    - 12708 (nginx)
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/metrics/defaults/main.yml b/playbooks/roles/metrics/defaults/main.yml
new file mode 100644
index 0000000..959fcb1
--- /dev/null
+++ b/playbooks/roles/metrics/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for metrics
diff --git a/playbooks/roles/metrics/files/prometheus.yml b/playbooks/roles/metrics/files/prometheus.yml
new file mode 100644
index 0000000..4bd4927
--- /dev/null
+++ b/playbooks/roles/metrics/files/prometheus.yml
@@ -0,0 +1,15 @@
+global:
+  scrape_interval: 5s
+
+scrape_configs:
+  - job_name: 'prometheus'
+    static_configs:
+      - targets: [ 'localhost:9090' ]
+
+  - job_name: 'nginx'
+    static_configs:
+      - targets: ['nginx-exporter:9113']
+
+  - job_name: 'postgres'
+    static_configs:
+      - targets: ['postgres-exporter:9187']
\ No newline at end of file
diff --git a/playbooks/roles/metrics/files/prometheus_grafana-compose.yaml b/playbooks/roles/metrics/files/prometheus_grafana-compose.yaml
new file mode 100644
index 0000000..56a5ce6
--- /dev/null
+++ b/playbooks/roles/metrics/files/prometheus_grafana-compose.yaml
@@ -0,0 +1,43 @@
+services:
+  prometheus:
+    image: prom/prometheus:v3.4.2
+    container_name: prometheus
+    volumes:
+      - ./prometheus.yml:/etc/prometheus/prometheus.yml
+    user: root
+    networks:
+      - monitoring_net
+    restart: unless-stopped
+
+  nginx-exporter:
+    image: nginx/nginx-prometheus-exporter:1.4.2
+    container_name: nginx-exporter
+    command:
+      - '--nginx.scrape-uri=http://nginx:9888/nginx_status'
+    networks:
+      - monitoring_net
+
+  postgres-exporter:
+    image: prometheuscommunity/postgres-exporter:v0.17.1
+    container_name: postgres-exporter
+    environment:
+      DATA_SOURCE_NAME: "postgresql://${POSTGRES_USER}:${POSTGRES_PASS}@${MONITORING_GATEWAY}:${POSTGRES_PORT}/${POSTGRES_DB}?sslmode=disable"
+    networks:
+      monitoring_net:
+        ipv4_address: "${POSTGRES_EXPORTER_IP}"
+
+  grafana:
+    image: grafana/grafana:12.0.2
+    container_name: grafana
+    environment:
+      GF_SECURITY_ADMIN_USER: "${MAIN_USER}"
+      GF_SECURITY_ADMIN_PASSWORD: "${GRAFANA_PASSWORD}"
+    volumes:
+      - /srv/monitoring/grafana-storage:/var/lib/grafana
+    user: root
+    networks:
+      - monitoring_net
+    restart: unless-stopped
+networks:
+  monitoring_net:
+    external: true
diff --git a/playbooks/roles/metrics/handlers/main.yml b/playbooks/roles/metrics/handlers/main.yml
new file mode 100644
index 0000000..fa1d656
--- /dev/null
+++ b/playbooks/roles/metrics/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for metrics
diff --git a/playbooks/roles/metrics/meta/main.yml b/playbooks/roles/metrics/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/metrics/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/metrics/tasks/main.yml b/playbooks/roles/metrics/tasks/main.yml
new file mode 100644
index 0000000..fa8c247
--- /dev/null
+++ b/playbooks/roles/metrics/tasks/main.yml
@@ -0,0 +1,16 @@
+---
+# tasks file for metrics
+- name: Copy Prometheus-Grafana compose files
+  ansible.builtin.copy:
+    src: ../files/
+    dest: /home/{{ main_user }}/workdir/monitoring/
+    mode: '0640'
+    force: yes
+
+- name: Run Prometheus-Grafana
+  community.docker.docker_compose_v2:
+    project_src: /home/{{ main_user }}/workdir/monitoring/
+    files: prometheus_grafana-compose.yaml
+    state: present
+    recreate: always
+
diff --git a/playbooks/roles/metrics/tests/test.yml b/playbooks/roles/metrics/tests/test.yml
new file mode 100644
index 0000000..deb0305
--- /dev/null
+++ b/playbooks/roles/metrics/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - metrics
diff --git a/playbooks/roles/metrics/vars/main.yml b/playbooks/roles/metrics/vars/main.yml
new file mode 100644
index 0000000..03998b0
--- /dev/null
+++ b/playbooks/roles/metrics/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for metrics
diff --git a/playbooks/roles/nginx-first-start/README.md b/playbooks/roles/nginx-first-start/README.md
new file mode 100644
index 0000000..225dd44
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/README.md
@@ -0,0 +1,38 @@
+Role Name
+=========
+
+A brief description of the role goes here.
+
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+A description of the settable variables for this role should go here, including any variables that are in defaults/main.yml, vars/main.yml, and any variables that can/should be set via parameters to the role. Any variables that are read from other roles and/or the global scope (ie. hostvars, group vars, etc.) should be mentioned here as well.
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/nginx-first-start/defaults/main.yml b/playbooks/roles/nginx-first-start/defaults/main.yml
new file mode 100644
index 0000000..9f3766d
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for nginx-first-start
diff --git a/playbooks/roles/nginx-first-start/files/docker_files/certbot/Dockerfile b/playbooks/roles/nginx-first-start/files/docker_files/certbot/Dockerfile
new file mode 100644
index 0000000..0bdb0ad
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/files/docker_files/certbot/Dockerfile
@@ -0,0 +1,19 @@
+
+#облегченный образ дебиан
+FROM registry-1.docker.io/library/ubuntu:latest
+LABEL authors="RONIS"
+
+# Обновление и установка необходимых пакетов с последующей очисткой
+RUN sed -i 's|http://archive.ubuntu.com|http://mirror.yandex.ru/ubuntu|' /etc/apt/sources.list && \
+    apt update && apt  install -y certbot python3-certbot-nginx cron && \
+    apt-get clean && rm -rf /var/lib/apt/lists/*
+
+COPY check_and_create_cert.sh  ./
+
+# Проверка наличия сертификата для домена
+RUN chmod +x ./check_and_create_cert.sh && echo "0 0 1 * * certbot renew --quiet" | tee -a /etc/crontab > /dev/null
+
+
+# Запуск скрипта в контейнере при старте "& cron -f" обеспечивает запуск процесса для поддержки контейнера 
+CMD bash -c "./check_and_create_cert.sh & cron -f"
+
diff --git a/playbooks/roles/nginx-first-start/files/docker_files/certbot/check_and_create_cert.sh b/playbooks/roles/nginx-first-start/files/docker_files/certbot/check_and_create_cert.sh
new file mode 100644
index 0000000..7e62981
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/files/docker_files/certbot/check_and_create_cert.sh
@@ -0,0 +1,9 @@
+#!/bin/sh
+set -e
+if certbot certificates | grep -q "No certificates found."; then
+    echo "Сертификат не найден. Создаю новый..."
+    certbot certonly --webroot -w /var/www/certbot/  -d $DOMAIN_URL -d $GIT_DOMAIN -d $DRONE_DOMAIN -m $DOMAIN_EMAIL -d $GRAFANA_DOMAIN --agree-tos --no-eff-email --non-interactive --config-dir /etc/letsencrypt --work-dir /var/lib/letsencrypt --logs-dir /var/log/letsencrypt
+else
+    echo "Сертификат уже существует."
+    certbot renew -n
+fi
\ No newline at end of file
diff --git a/playbooks/roles/nginx-first-start/files/docker_files/nginx-compose.yaml b/playbooks/roles/nginx-first-start/files/docker_files/nginx-compose.yaml
new file mode 100644
index 0000000..5c5e68a
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/files/docker_files/nginx-compose.yaml
@@ -0,0 +1,54 @@
+services:
+  nginx:
+    container_name: nginx
+    image: nginx:1.28.0-bookworm
+    environment:
+      USER_ID: 1000
+      USER_GID: 1001
+    ports:
+      - "80:80"
+
+    volumes:
+      - /srv/proxy/nginx/:/etc/nginx/:ro
+      - /srv/proxy/certbot/letsencrypt:/etc/letsencrypt:ro
+      - /srv/proxy/certbot/www/:/var/www/certbot/
+      - /srv/log/nginx:/var/log/nginx
+      - /srv/proxy/static:/usr/share/nginx/static:ro
+
+    restart: unless-stopped
+    networks:
+      - cicd_net
+      - nginx_net
+      - test_net
+      - prod_net
+      - monitoring_net
+
+  certbot:
+    container_name: certbot
+    build: certbot
+    env_file:
+      - .env
+    volumes:
+      - /srv/proxy/certbot/letsencrypt:/etc/letsencrypt
+      - /srv/proxy/certbot/www/:/var/www/certbot
+      - /srv/proxy/log/letsencrypt:/var/log/letsencrypt
+    restart: unless-stopped
+    user: root
+    depends_on:
+      - nginx
+    networks:
+      - nginx_net
+    dns:
+      - 8.8.8.8
+
+networks:
+  nginx_net:
+    external: true
+  cicd_net:
+    external: true
+  test_net:
+    external: true
+  prod_net:
+    external: true
+  monitoring_net:
+    external: true
\ No newline at end of file
diff --git a/playbooks/roles/nginx-first-start/files/nginx/nginx.conf b/playbooks/roles/nginx-first-start/files/nginx/nginx.conf
new file mode 100644
index 0000000..554b147
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/files/nginx/nginx.conf
@@ -0,0 +1,19 @@
+
+
+worker_processes auto;
+
+events {
+    worker_connections 1024;
+}
+http{server {
+    listen 80;
+    server_name ronis0505.tech git.ronis0505.tech drone.ronis0505.tech grafana.ronis0505.tech;
+
+    location /.well-known/acme-challenge/ {
+        root /var/www/certbot;
+    }
+
+    location / {
+        return 301 https://$host$request_uri;
+    }
+}}
\ No newline at end of file
diff --git a/playbooks/roles/nginx-first-start/handlers/main.yml b/playbooks/roles/nginx-first-start/handlers/main.yml
new file mode 100644
index 0000000..3397f99
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for nginx-first-start
diff --git a/playbooks/roles/nginx-first-start/meta/main.yml b/playbooks/roles/nginx-first-start/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/nginx-first-start/tasks/main.yml b/playbooks/roles/nginx-first-start/tasks/main.yml
new file mode 100644
index 0000000..4887df6
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/tasks/main.yml
@@ -0,0 +1,25 @@
+---
+# tasks file for nginx-first-start
+- name: Copy nginx conf
+  ansible.builtin.copy:
+    src: ../files/nginx/nginx.conf
+    dest: /srv/proxy/nginx/nginx.conf
+    force: yes
+
+- name: Copy proxy compose
+  ansible.builtin.copy:
+    src: "../files/docker_files/"
+    dest: "/home/{{ main_user }}/workdir/proxy/"
+    force: yes
+
+- name: Run nginx-compose
+  community.docker.docker_compose_v2:
+    project_src: "/home/{{ main_user }}/workdir/proxy/"
+    files: nginx-compose.yaml
+    state: present
+    recreate: always
+
+- name: Wait for cert to be created
+  ansible.builtin.wait_for:
+    path: "/srv/proxy/certbot/letsencrypt/live/ronis0505.tech/fullchain.pem"
+    timeout: 60
diff --git a/playbooks/roles/nginx-first-start/tests/test.yml b/playbooks/roles/nginx-first-start/tests/test.yml
new file mode 100644
index 0000000..3b32631
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - nginx-first-start
diff --git a/playbooks/roles/nginx-first-start/vars/main.yml b/playbooks/roles/nginx-first-start/vars/main.yml
new file mode 100644
index 0000000..3a59940
--- /dev/null
+++ b/playbooks/roles/nginx-first-start/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for nginx-first-start
diff --git a/playbooks/roles/nginx-reconfigure/README.md b/playbooks/roles/nginx-reconfigure/README.md
new file mode 100644
index 0000000..225dd44
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/README.md
@@ -0,0 +1,38 @@
+Role Name
+=========
+
+A brief description of the role goes here.
+
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+A description of the settable variables for this role should go here, including any variables that are in defaults/main.yml, vars/main.yml, and any variables that can/should be set via parameters to the role. Any variables that are read from other roles and/or the global scope (ie. hostvars, group vars, etc.) should be mentioned here as well.
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/nginx-reconfigure/defaults/main.yml b/playbooks/roles/nginx-reconfigure/defaults/main.yml
new file mode 100644
index 0000000..78c8c76
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for nginx
diff --git a/playbooks/roles/nginx-reconfigure/files/docker_files/certbot/Dockerfile b/playbooks/roles/nginx-reconfigure/files/docker_files/certbot/Dockerfile
new file mode 100644
index 0000000..158d0ec
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/files/docker_files/certbot/Dockerfile
@@ -0,0 +1,19 @@
+
+#облегченный образ дебиан
+FROM registry-1.docker.io/library/ubuntu:latest
+LABEL authors="RONIS"
+
+# Обновление и установка необходимых пакетов с последующей очисткой
+RUN sed -i 's|http://archive.ubuntu.com|http://mirror.yandex.ru/ubuntu|' /etc/apt/sources.list && \
+    apt update && apt install -y certbot python3-certbot-nginx cron && \
+    apt-get clean && rm -rf /var/lib/apt/lists/*
+
+COPY check_and_create_cert.sh  ./
+
+# Проверка наличия сертификата для домена
+RUN chmod +x ./check_and_create_cert.sh && echo "0 0 1 * * certbot renew --quiet" | tee -a /etc/crontab > /dev/null
+
+
+# Запуск скрипта в контейнере при старте "& cron -f" обеспечивает запуск процесса для поддержки контейнера 
+CMD bash -c "./check_and_create_cert.sh & cron -f"
+
diff --git a/playbooks/roles/nginx-reconfigure/files/docker_files/certbot/check_and_create_cert.sh b/playbooks/roles/nginx-reconfigure/files/docker_files/certbot/check_and_create_cert.sh
new file mode 100644
index 0000000..7e62981
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/files/docker_files/certbot/check_and_create_cert.sh
@@ -0,0 +1,9 @@
+#!/bin/sh
+set -e
+if certbot certificates | grep -q "No certificates found."; then
+    echo "Сертификат не найден. Создаю новый..."
+    certbot certonly --webroot -w /var/www/certbot/  -d $DOMAIN_URL -d $GIT_DOMAIN -d $DRONE_DOMAIN -m $DOMAIN_EMAIL -d $GRAFANA_DOMAIN --agree-tos --no-eff-email --non-interactive --config-dir /etc/letsencrypt --work-dir /var/lib/letsencrypt --logs-dir /var/log/letsencrypt
+else
+    echo "Сертификат уже существует."
+    certbot renew -n
+fi
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure/files/docker_files/nginx-compose.yaml b/playbooks/roles/nginx-reconfigure/files/docker_files/nginx-compose.yaml
new file mode 100644
index 0000000..ce9aa56
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/files/docker_files/nginx-compose.yaml
@@ -0,0 +1,53 @@
+services:
+  nginx:
+    container_name: nginx
+    image: nginx:1.28.0-bookworm
+    environment:
+      USER_ID: 1000
+      USER_GID: 1001
+    ports:
+      - "80:80"
+      - "443:443"
+    volumes:
+      - /srv/proxy/nginx/:/etc/nginx/:ro
+      - /srv/proxy/certbot/letsencrypt:/etc/letsencrypt:ro
+      - /srv/proxy/certbot/www/:/var/www/certbot/
+      - /srv/log/nginx:/var/log/nginx
+      - /srv/proxy/static:/usr/share/nginx/static:ro
+
+    restart: unless-stopped
+    networks:
+      - cicd_net
+      - nginx_net
+      - test_net
+      - prod_net
+      - monitoring_net
+
+  certbot:
+    container_name: certbot
+    build: certbot/
+    env_file:
+      - .env
+    volumes:
+      - /srv/proxy/certbot/letsencrypt:/etc/letsencrypt
+      - /srv/proxy/certbot/www/:/var/www/certbot
+      - /srv/proxy/log/letsencrypt:/var/log/letsencrypt
+    restart: unless-stopped
+    user: root
+    depends_on:
+      - nginx
+    networks:
+      - nginx_net
+    dns:
+      - 8.8.8.8
+networks:
+  nginx_net:
+    external: true
+  cicd_net:
+    external: true
+  test_net:
+    external: true
+  prod_net:
+    external: true
+  monitoring_net:
+    external: true
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure/files/nginx/mime.types b/playbooks/roles/nginx-reconfigure/files/nginx/mime.types
new file mode 100644
index 0000000..79e6ab5
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/files/nginx/mime.types
@@ -0,0 +1,10 @@
+types {
+    text/html               html;
+    text/css                css;
+    application/javascript  js;
+    text/plain              txt;
+    image/png               png;
+    image/jpeg              jpg jpeg;
+    image/gif               gif;
+    image/svg+xml           svg;
+}
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure/files/nginx/nginx.conf b/playbooks/roles/nginx-reconfigure/files/nginx/nginx.conf
new file mode 100644
index 0000000..6ad4bcd
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/files/nginx/nginx.conf
@@ -0,0 +1,158 @@
+# user  nginx;
+
+worker_processes auto;
+
+events {
+    worker_connections 1024;
+}
+
+http {
+
+
+    include       mime.types;
+    default_type  application/octet-stream;
+
+
+    log_format main '$remote_addr - $remote_user [$time_local] "$request" '
+                    '$status $body_bytes_sent "$http_referer" '
+                    '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log /var/log/nginx/access.log main;
+    error_log /var/log/nginx/error.log warn;
+
+    proxy_cache_path /tmp/cache keys_zone=my_cache:10m max_size=1g inactive=60m use_temp_path=off;
+
+    client_max_body_size 5G;
+
+    gzip on;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+    gzip_min_length 1000;
+
+    limit_req_zone $binary_remote_addr zone=api_limit:10m rate=5r/s;
+
+
+
+#      upstream web_backend {
+#         least_conn;
+#          server web_backend1:5000;
+#          server web_backend2:5000;
+#
+#     }
+
+     upstream gitea {
+        least_conn;
+         server gitea:3000;
+    }
+
+     upstream drone {
+        least_conn;
+         server drone:80;
+    }
+
+    server {  #https://nginx.org/ru/docs/http/ngx_http_stub_status_module.html
+    #https://github.com/nginx/nginx-prometheus-exporter
+        listen 9888;
+        server_name localhost;
+
+        location /nginx_status {
+            stub_status;
+            allow all;
+
+#             allow 127.0.0.1;
+#             allow 172.18.0.0/16;
+#             deny all;
+        }
+    }
+
+    server {
+        listen 80;
+        server_name ronis0505.tech git.ronis0505.tech drone.ronis0505.tech grafana.ronis0505.tech;
+
+
+        location /.well-known/acme-challenge/ {
+            root /var/www/certbot;
+        }
+
+        location / {
+            return 301 https://$host$request_uri;
+        }
+    }
+
+    server {
+        listen 443 ssl;
+        server_name git.ronis0505.tech;
+        ssl_certificate /etc/letsencrypt/live/ronis0505.tech/fullchain.pem;
+        ssl_certificate_key /etc/letsencrypt/live/ronis0505.tech/privkey.pem;
+        ssl_protocols TLSv1.2 TLSv1.3;
+        ssl_ciphers HIGH:!aNULL:!MD5;
+
+        include /etc/nginx/shared_locations.conf;
+
+        location / {
+            proxy_pass http://gitea;
+
+                client_max_body_size 5G;
+                include /etc/nginx/proxy_common.conf;
+                error_page 502 504 /server_not_available.html;
+            }
+    }
+
+    server {
+        listen 443 ssl;
+        server_name grafana.ronis0505.tech;
+        ssl_certificate /etc/letsencrypt/live/ronis0505.tech/fullchain.pem;
+        ssl_certificate_key /etc/letsencrypt/live/ronis0505.tech/privkey.pem;
+        ssl_protocols TLSv1.2 TLSv1.3;
+        ssl_ciphers HIGH:!aNULL:!MD5;
+
+        include /etc/nginx/shared_locations.conf;
+
+        location / {
+            proxy_pass http://grafana:3000;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_set_header Host $host;
+            include /etc/nginx/proxy_common.conf;
+            error_page 502 504 /server_not_available.html;
+            }
+    }
+
+    server {
+        listen 443 ssl;
+        server_name drone.ronis0505.tech;
+        ssl_certificate /etc/letsencrypt/live/ronis0505.tech/fullchain.pem;
+        ssl_certificate_key /etc/letsencrypt/live/ronis0505.tech/privkey.pem;
+        ssl_protocols TLSv1.2 TLSv1.3;
+        ssl_ciphers HIGH:!aNULL:!MD5;
+
+        include /etc/nginx/shared_locations.conf;
+
+        location / {
+            proxy_pass http://drone;
+            include /etc/nginx/proxy_common.conf;
+            error_page 502 504 /server_not_available.html;
+        }
+    }
+    server {
+        listen 443 ssl;
+        server_name www.ronis0505.tech;
+        ssl_certificate /etc/letsencrypt/live/ronis0505.tech/fullchain.pem;
+        ssl_certificate_key /etc/letsencrypt/live/ronis0505.tech/privkey.pem;
+        ssl_protocols TLSv1.2 TLSv1.3;
+        ssl_ciphers HIGH:!aNULL:!MD5;
+
+        include /etc/nginx/shared_locations.conf;
+
+
+#         location /api/ {
+#               rewrite ^/api/(.*)$ /$1 break;  #deleting "/api/" from path
+#               proxy_pass http://web_backend;
+# #             proxy_cache my_cache;
+# #             proxy_cache_valid 200 1h;
+# #             proxy_cache_valid 404 1m;
+#             include /etc/nginx/proxy_common.conf;
+#             error_page 502 504 /server_not_available.html;
+#        }
+    }
+}
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure/files/nginx/proxy_common.conf b/playbooks/roles/nginx-reconfigure/files/nginx/proxy_common.conf
new file mode 100644
index 0000000..d7e6d3a
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/files/nginx/proxy_common.conf
@@ -0,0 +1,3 @@
+proxy_set_header X-Forwarded-Proto https;
+proxy_set_header X-Forwarded-Host $host;
+proxy_set_header X-Real-IP $remote_addr;
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure/files/nginx/shared_locations.conf b/playbooks/roles/nginx-reconfigure/files/nginx/shared_locations.conf
new file mode 100644
index 0000000..54c2ac0
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/files/nginx/shared_locations.conf
@@ -0,0 +1,11 @@
+        location /rate_limit/ {
+            limit_req zone=api_limit burst=10 nodelay;
+        }
+
+        location /logs/ {
+            access_log /var/log/nginx/special_access.log;
+        }
+
+        location = /server_not_available.html {
+            root /usr/share/nginx/static;
+        }
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure/files/static/server_not_available.html b/playbooks/roles/nginx-reconfigure/files/static/server_not_available.html
new file mode 100644
index 0000000..b958689
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/files/static/server_not_available.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>Сервис недоступен</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            height: 100vh;
+            background: linear-gradient(135deg, #4cc713, #2a5298);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: white;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            text-align: center;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 600px;
+        }
+
+
+        .message {
+            background-color: rgba(128, 128, 128, 0.8); /* grey с 80% непрозрачности */
+            display: flex;
+            flex-direction: column;
+            transform-style: preserve-3d;
+            padding: 30px 50px;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+
+        h1 {
+            font-size: 3em;
+            margin-bottom: 0.5em;
+        }
+
+        p {
+            font-size: 1.2em;
+            opacity: 0.8;
+        }
+
+    </style>
+</head>
+<body>
+<div class="message">
+    <h1>Сервис временно недоступен</h1>
+    <p>Мы уже работаем над восстановлением. Попробуйте войти позже.</p>
+</div>
+</body>
+</html>
diff --git a/playbooks/roles/nginx-reconfigure/handlers/main.yml b/playbooks/roles/nginx-reconfigure/handlers/main.yml
new file mode 100644
index 0000000..ad79151
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for nginx
diff --git a/playbooks/roles/nginx-reconfigure/meta/main.yml b/playbooks/roles/nginx-reconfigure/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/nginx-reconfigure/tasks/main.yml b/playbooks/roles/nginx-reconfigure/tasks/main.yml
new file mode 100644
index 0000000..d4ca6d1
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/tasks/main.yml
@@ -0,0 +1,25 @@
+---
+- name: Copy nginx conf
+  ansible.builtin.copy:
+    src: "../files/nginx/"
+    dest: "/srv/proxy/nginx/"
+    force: yes
+
+- name: Copy proxy compose
+  ansible.builtin.copy:
+    src: "../files/docker_files/"
+    dest: "/home/{{ main_user }}/workdir/proxy/"
+    force: yes
+
+- name: Copy proxy static
+  ansible.builtin.copy:
+    src: "../files/static/"
+    dest: "/srv/proxy/static/"
+    force: yes
+
+- name: Run nginx-compose
+  community.docker.docker_compose_v2:
+    project_src: "/home/{{ main_user }}/workdir/proxy/"
+    files: nginx-compose.yaml
+    state: present
+    recreate: always
diff --git a/playbooks/roles/nginx-reconfigure/tests/test.yml b/playbooks/roles/nginx-reconfigure/tests/test.yml
new file mode 100644
index 0000000..261c779
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - nginx
diff --git a/playbooks/roles/nginx-reconfigure/vars/main.yml b/playbooks/roles/nginx-reconfigure/vars/main.yml
new file mode 100644
index 0000000..d45faf6
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for nginx
diff --git a/playbooks/roles/nginx-reconfigure2/README.md b/playbooks/roles/nginx-reconfigure2/README.md
new file mode 100644
index 0000000..225dd44
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/README.md
@@ -0,0 +1,38 @@
+Role Name
+=========
+
+A brief description of the role goes here.
+
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+A description of the settable variables for this role should go here, including any variables that are in defaults/main.yml, vars/main.yml, and any variables that can/should be set via parameters to the role. Any variables that are read from other roles and/or the global scope (ie. hostvars, group vars, etc.) should be mentioned here as well.
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/nginx-reconfigure2/defaults/main.yml b/playbooks/roles/nginx-reconfigure2/defaults/main.yml
new file mode 100644
index 0000000..78c8c76
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for nginx
diff --git a/playbooks/roles/nginx-reconfigure2/files/docker_files/certbot/Dockerfile b/playbooks/roles/nginx-reconfigure2/files/docker_files/certbot/Dockerfile
new file mode 100644
index 0000000..ab24824
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/files/docker_files/certbot/Dockerfile
@@ -0,0 +1,20 @@
+
+#облегченный образ дебиан
+FROM debian:stable-slim
+LABEL authors="RONIS"
+
+# Обновление и установка необходимых пакетов
+RUN apt update && \
+    apt install -y python3-certbot-nginx && \
+    apt install -y cron
+
+
+COPY check_and_create_cert.sh  ./
+
+# Проверка наличия сертификата для домена
+RUN chmod +x ./check_and_create_cert.sh && echo "0 0 1 * * certbot renew --quiet" | tee -a /etc/crontab > /dev/null
+
+
+# Запуск скрипта в контейнере при старте "& cron -f" обеспечивает запуск процесса для поддержки контейнера 
+CMD bash -c "./check_and_create_cert.sh & cron -f"
+
diff --git a/playbooks/roles/nginx-reconfigure2/files/docker_files/certbot/check_and_create_cert.sh b/playbooks/roles/nginx-reconfigure2/files/docker_files/certbot/check_and_create_cert.sh
new file mode 100644
index 0000000..978bc1c
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/files/docker_files/certbot/check_and_create_cert.sh
@@ -0,0 +1,9 @@
+#!/bin/sh
+set -e
+if certbot certificates | grep -q "No certificates found."; then
+    echo "Сертификат не найден. Создаю новый..."
+    certbot certonly --webroot --w /var/www/certbot/ -d $DOMAIN_URL -d $GIT_DOMAIN -d $DRONE_DOMAIN -m $DOMAIN_EMAIL --agree-tos --no-eff-email --non-interactive --config-dir /etc/letsencrypt --work-dir /var/lib/letsencrypt --logs-dir /var/log/letsencrypt
+else
+    echo "Сертификат уже существует."
+    certbot renew -n
+fi
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure2/files/docker_files/nginx-compose.yaml b/playbooks/roles/nginx-reconfigure2/files/docker_files/nginx-compose.yaml
new file mode 100644
index 0000000..ea2fe35
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/files/docker_files/nginx-compose.yaml
@@ -0,0 +1,49 @@
+services:
+  nginx:
+    container_name: nginx
+    image: nginx:1.28.0-bookworm
+    environment:
+      USER_ID: 1000
+      USER_GID: 1001
+    ports:
+      - "80:80"
+      - "443:443"
+    volumes:
+      - /srv/proxy/nginx/:/etc/nginx/:ro
+      - /srv/proxy/certbot/letsencrypt:/etc/letsencrypt:ro
+      - /srv/proxy/certbot/www/:/var/www/certbot/
+      - /srv/log/nginx:/var/log/nginx
+      - /srv/proxy/static:/usr/share/nginx/static:ro
+
+    restart: unless-stopped
+    networks:
+      - cicd_net
+      - nginx_net
+      - test_net
+      - prod_net
+
+  certbot:
+    container_name: certbot
+    build: certbot
+    env_file:
+      - .env
+    volumes:
+      - /srv/proxy/certbot/letsencrypt:/etc/letsencrypt
+      - /srv/proxy/certbot/www/:/var/www/certbot
+      - /srv/proxy/var/log/letsencrypt:/var/log/letsencrypt
+    restart: unless-stopped
+    user: root
+    depends_on:
+      - nginx
+    networks:
+      - nginx_net
+
+networks:
+  nginx_net:
+    external: true
+  cicd_net:
+    external: true
+  test_net:
+    external: true
+  prod_net:
+    external: true
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure2/files/nginx/mime.types b/playbooks/roles/nginx-reconfigure2/files/nginx/mime.types
new file mode 100644
index 0000000..79e6ab5
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/files/nginx/mime.types
@@ -0,0 +1,10 @@
+types {
+    text/html               html;
+    text/css                css;
+    application/javascript  js;
+    text/plain              txt;
+    image/png               png;
+    image/jpeg              jpg jpeg;
+    image/gif               gif;
+    image/svg+xml           svg;
+}
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure2/files/nginx/nginx.conf b/playbooks/roles/nginx-reconfigure2/files/nginx/nginx.conf
new file mode 100644
index 0000000..2847e69
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/files/nginx/nginx.conf
@@ -0,0 +1,108 @@
+# user  nginx;
+
+worker_processes auto;
+
+events {
+    worker_connections 1024;
+}
+
+http {
+
+
+    include       mime.types;
+    default_type  application/octet-stream;
+
+
+    log_format main '$remote_addr - $remote_user [$time_local] "$request" '
+                    '$status $body_bytes_sent "$http_referer" '
+                    '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log /var/log/nginx/access.log main;
+    error_log /var/log/nginx/error.log warn;
+
+    proxy_cache_path /tmp/cache keys_zone=my_cache:10m max_size=1g inactive=60m use_temp_path=off;
+
+    client_max_body_size 100M;
+
+    gzip on;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+    gzip_min_length 1000;
+
+    limit_req_zone $binary_remote_addr zone=api_limit:10m rate=5r/s;
+
+
+
+     upstream web_backend {
+        least_conn;
+         server web_backend1:5000;
+         server web_backend2:5000;
+
+    }
+
+     upstream gitea {
+        least_conn;
+         server gitea:3000;
+    }
+
+     upstream drone {
+        least_conn;
+         server drone:80;
+    }
+
+    server {
+        listen 9888;
+        server_name localhost;
+
+        location /nginx_status {
+            stub_status;
+#             allow 127.0.0.1;
+#             allow 172.18.0.0/16;
+#             deny all;
+        }
+    }
+
+
+
+    server {
+        listen 80;
+        server_name  git.roniss0505.tech;
+
+        include /etc/nginx/shared_locations.conf;
+
+        location / {
+            proxy_pass http://gitea;
+                include /etc/nginx/proxy_common.conf;
+                error_page 502 504 /server_not_available.html;
+            }
+    }
+
+    server {
+        listen 80;
+        server_name roniss0505.tech;
+
+        include /etc/nginx/shared_locations.conf;
+
+        location / {
+            proxy_pass http://drone;
+            include /etc/nginx/proxy_common.conf;
+            error_page 502 504 /server_not_available.html;
+        }
+    }
+    server {
+        listen 80;
+        server_name drone.roniss0505.tech;
+
+        include /etc/nginx/shared_locations.conf;
+
+
+        location /api/ {
+              rewrite ^/api/(.*)$ /$1 break;  #deleting "/api/" from path
+              proxy_pass http://web_backend;
+#             proxy_cache my_cache;
+#             proxy_cache_valid 200 1h;
+#             proxy_cache_valid 404 1m;
+            include /etc/nginx/proxy_common.conf;
+            error_page 502 504 /server_not_available.html;
+        }
+    }
+}
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure2/files/nginx/proxy_common.conf b/playbooks/roles/nginx-reconfigure2/files/nginx/proxy_common.conf
new file mode 100644
index 0000000..d7e6d3a
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/files/nginx/proxy_common.conf
@@ -0,0 +1,3 @@
+proxy_set_header X-Forwarded-Proto https;
+proxy_set_header X-Forwarded-Host $host;
+proxy_set_header X-Real-IP $remote_addr;
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure2/files/nginx/shared_locations.conf b/playbooks/roles/nginx-reconfigure2/files/nginx/shared_locations.conf
new file mode 100644
index 0000000..54c2ac0
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/files/nginx/shared_locations.conf
@@ -0,0 +1,11 @@
+        location /rate_limit/ {
+            limit_req zone=api_limit burst=10 nodelay;
+        }
+
+        location /logs/ {
+            access_log /var/log/nginx/special_access.log;
+        }
+
+        location = /server_not_available.html {
+            root /usr/share/nginx/static;
+        }
\ No newline at end of file
diff --git a/playbooks/roles/nginx-reconfigure2/files/static/sewrver_not_availavle.html b/playbooks/roles/nginx-reconfigure2/files/static/sewrver_not_availavle.html
new file mode 100644
index 0000000..b958689
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/files/static/sewrver_not_availavle.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>Сервис недоступен</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            height: 100vh;
+            background: linear-gradient(135deg, #4cc713, #2a5298);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: white;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            text-align: center;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 600px;
+        }
+
+
+        .message {
+            background-color: rgba(128, 128, 128, 0.8); /* grey с 80% непрозрачности */
+            display: flex;
+            flex-direction: column;
+            transform-style: preserve-3d;
+            padding: 30px 50px;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+
+        h1 {
+            font-size: 3em;
+            margin-bottom: 0.5em;
+        }
+
+        p {
+            font-size: 1.2em;
+            opacity: 0.8;
+        }
+
+    </style>
+</head>
+<body>
+<div class="message">
+    <h1>Сервис временно недоступен</h1>
+    <p>Мы уже работаем над восстановлением. Попробуйте войти позже.</p>
+</div>
+</body>
+</html>
diff --git a/playbooks/roles/nginx-reconfigure2/handlers/main.yml b/playbooks/roles/nginx-reconfigure2/handlers/main.yml
new file mode 100644
index 0000000..ad79151
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for nginx
diff --git a/playbooks/roles/nginx-reconfigure2/meta/main.yml b/playbooks/roles/nginx-reconfigure2/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/nginx-reconfigure2/tasks/main.yml b/playbooks/roles/nginx-reconfigure2/tasks/main.yml
new file mode 100644
index 0000000..971ec7e
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/tasks/main.yml
@@ -0,0 +1,23 @@
+---
+- name: Copy nginx conf
+  ansible.builtin.copy:
+    src: "../files/nginx/"
+    dest: "/srv/proxy/nginx/"
+
+- name: Copy proxy compose
+  ansible.builtin.copy:
+    src: "../files/docker_files/"
+    dest: "/home/{{ main_user }}/workdir/proxy/"
+
+
+- name: Copy proxy static
+  ansible.builtin.copy:
+    src: "../files/static/"
+    dest: "/srv/proxy/static/"
+
+- name: Run nginx-compose
+  community.docker.docker_compose_v2:
+    project_src: "/home/{{ main_user }}/workdir/proxy/"
+    files: nginx-compose.yaml
+    state: present
+    recreate: always
diff --git a/playbooks/roles/nginx-reconfigure2/tests/test.yml b/playbooks/roles/nginx-reconfigure2/tests/test.yml
new file mode 100644
index 0000000..261c779
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - nginx
diff --git a/playbooks/roles/nginx-reconfigure2/vars/main.yml b/playbooks/roles/nginx-reconfigure2/vars/main.yml
new file mode 100644
index 0000000..d45faf6
--- /dev/null
+++ b/playbooks/roles/nginx-reconfigure2/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for nginx
diff --git a/playbooks/roles/postgres-config/README.md b/playbooks/roles/postgres-config/README.md
new file mode 100644
index 0000000..72668fe
--- /dev/null
+++ b/playbooks/roles/postgres-config/README.md
@@ -0,0 +1,48 @@
+Configure Postgresql
+=========
+
+- Configure Postgresql
+- Create user and database
+- Create cron job for backup
+  Requirements
+
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the
+role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+- db_name
+- db_user
+- db_password
+- db_version
+- host_ip
+- allowed_db_ip
+- db_port
+
+Dependencies
+------------
+
+Use this role only after postgres-install
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for
+users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/postgres-config/defaults/main.yml b/playbooks/roles/postgres-config/defaults/main.yml
new file mode 100644
index 0000000..031191a
--- /dev/null
+++ b/playbooks/roles/postgres-config/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for postgres-install-config
diff --git a/playbooks/roles/postgres-config/handlers/main.yml b/playbooks/roles/postgres-config/handlers/main.yml
new file mode 100644
index 0000000..e7397fd
--- /dev/null
+++ b/playbooks/roles/postgres-config/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for postgres-install-config
diff --git a/playbooks/roles/postgres-config/meta/main.yml b/playbooks/roles/postgres-config/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/postgres-config/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/postgres-config/tasks/main.yml b/playbooks/roles/postgres-config/tasks/main.yml
new file mode 100644
index 0000000..99abccd
--- /dev/null
+++ b/playbooks/roles/postgres-config/tasks/main.yml
@@ -0,0 +1,36 @@
+---
+# tasks file for postgres-install-config
+- name: Set PostgreSQL listen address (only local + host_ip)
+  lineinfile:
+    path: "/etc/postgresql/{{ db_version }}/main/postgresql.conf"
+    regexp: '^#?listen_addresses\s*='
+    line: "listen_addresses = 'localhost,{{ host_ip }},{{  docker_networks.monitoring_net.gateway }}'"
+    create: yes
+
+
+- name: Ensure external IPs
+  lineinfile:
+    path: "/etc/postgresql/{{ db_version }}/main/pg_hba.conf"
+    regexp: "{{ item.regexp }}"
+    line: "{{ item.line }}"
+    insertafter: EOF
+  loop:
+    - regexp: '^host\s+all\s+all\s+{{ allowed_ip | regex_escape() }}\s+.*$'
+      line: "host    all     all    {{ allowed_ip }}/32    scram-sha-256"
+    - regexp: '^host\s+all\s+all\s+{{ postgres_exporter_ip | regex_escape() }}\s+.*$'
+      line: "host    all     all    {{ postgres_exporter_ip }}/32    scram-sha-256"
+
+
+- name: Set custom PostgreSQL port
+  lineinfile:
+    path: "/etc/postgresql/{{ db_version }}/main/postgresql.conf"
+    regexp: '^#?port\s*='
+    line: "port = {{ ports.db_port.port }}"
+    create: yes
+
+
+- name: Reload postgres-install to apply changes
+  service:
+    name: postgresql
+    state: reloaded
+    enabled: true
diff --git a/playbooks/roles/postgres-config/tests/test.yml b/playbooks/roles/postgres-config/tests/test.yml
new file mode 100644
index 0000000..034af73
--- /dev/null
+++ b/playbooks/roles/postgres-config/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - postgres-config
diff --git a/playbooks/roles/postgres-config/vars/main.yml b/playbooks/roles/postgres-config/vars/main.yml
new file mode 100644
index 0000000..b995404
--- /dev/null
+++ b/playbooks/roles/postgres-config/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for postgres-install-config
diff --git a/playbooks/roles/postgres-init/README.md b/playbooks/roles/postgres-init/README.md
new file mode 100644
index 0000000..225dd44
--- /dev/null
+++ b/playbooks/roles/postgres-init/README.md
@@ -0,0 +1,38 @@
+Role Name
+=========
+
+A brief description of the role goes here.
+
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+A description of the settable variables for this role should go here, including any variables that are in defaults/main.yml, vars/main.yml, and any variables that can/should be set via parameters to the role. Any variables that are read from other roles and/or the global scope (ie. hostvars, group vars, etc.) should be mentioned here as well.
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/postgres-init/defaults/main.yml b/playbooks/roles/postgres-init/defaults/main.yml
new file mode 100644
index 0000000..c736e03
--- /dev/null
+++ b/playbooks/roles/postgres-init/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for postgres-init
diff --git a/playbooks/roles/postgres-init/handlers/main.yml b/playbooks/roles/postgres-init/handlers/main.yml
new file mode 100644
index 0000000..e238baa
--- /dev/null
+++ b/playbooks/roles/postgres-init/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for postgres-init
diff --git a/playbooks/roles/postgres-init/meta/main.yml b/playbooks/roles/postgres-init/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/postgres-init/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/postgres-init/tasks/main.yml b/playbooks/roles/postgres-init/tasks/main.yml
new file mode 100644
index 0000000..883d4d6
--- /dev/null
+++ b/playbooks/roles/postgres-init/tasks/main.yml
@@ -0,0 +1,78 @@
+---
+# tasks file for postgres-init
+- name: Add postgres to backup group
+  ansible.builtin.user:
+    name: postgres
+    groups:
+      - backup
+    append: yes
+
+- name: Create app database
+  community.postgresql.postgresql_db:
+    name: "{{ db_name }}"
+    state: present
+  become_user: postgres
+
+#User for monitoring
+- name: Create user for monitoring
+  community.postgresql.postgresql_user:
+    name: monitoring_user
+    password: "{{ db_password }}"
+    state: present
+  become_user: postgres
+
+- name: Grant privileges to monitoring user
+  community.postgresql.postgresql_membership:
+    group: pg_monitor
+    target_role: monitoring_user
+  become_user: postgres
+
+#Main user
+- name: Create db user
+  community.postgresql.postgresql_user:
+    name: "{{ db_user }}"
+    password: "{{ db_password }}"
+    state: present
+  become_user: postgres
+
+- name: Grant privileges to db user
+  community.postgresql.postgresql_privs:
+    database: "{{ db_name }}"
+    roles: "{{ db_user }}"
+    privs: ALL
+    type: database
+    grant_option: yes
+  become_user: postgres
+
+- name: Grant privileges on schema to db user
+  community.postgresql.postgresql_privs:
+    database: "{{ db_name }}"
+    roles: "{{ db_user }}"
+    privs: ALL
+    type: schema
+    objs: public
+    grant_option: yes
+  become_user: postgres
+
+- name: Create daily cron job for database backup
+  ansible.builtin.cron:
+    name: "Database backup daily at 5am"
+    user: postgres
+    minute: "0"
+    hour: "5"
+    job: "PGPASSWORD='{{ db_password }}' pg_dump -h localhost -p {{ ports.db_port.port }}  -U {{ db_user }} -F c {{ db_name }} > /backups/db_backups/backup_\\$(date +\\%F).dump"
+
+- name: Create weekly cron job for full database backup
+  ansible.builtin.cron:
+    name: "Database backup weekly sunday at 2am"
+    user: postgres
+    weekday: "7"
+    minute: "0"
+    hour: "2"
+    job: 'pg_dumpall -h localhost -p {{ ports.db_port.port }}  -U postgres > /backups/db_backups/full_backup_\\$(date +\\%F).dump'
+#postgres=# CREATE USER db_monitoring WITH PASSWORD 'db_monitoring!';
+
+
+  #postgres=# CREATE USER db_monitoring WITH PASSWORD 'db_monitoring!';
+  #postgres=# GRANT pg_monitor TO db_monitoring;
+  #GRANT ROLE
\ No newline at end of file
diff --git a/playbooks/roles/postgres-init/tests/test.yml b/playbooks/roles/postgres-init/tests/test.yml
new file mode 100644
index 0000000..43325a2
--- /dev/null
+++ b/playbooks/roles/postgres-init/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - postgres-init
diff --git a/playbooks/roles/postgres-init/vars/main.yml b/playbooks/roles/postgres-init/vars/main.yml
new file mode 100644
index 0000000..e50b4a5
--- /dev/null
+++ b/playbooks/roles/postgres-init/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for postgres-init
diff --git a/playbooks/roles/postgres-install/README.md b/playbooks/roles/postgres-install/README.md
new file mode 100644
index 0000000..cf7ec69
--- /dev/null
+++ b/playbooks/roles/postgres-install/README.md
@@ -0,0 +1,35 @@
+Install Postgresql
+=========
+Install Postgresql 
+
+Requirements
+------------
+
+Role Variables
+--------------
+
+- db_version
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/postgres-install/defaults/main.yml b/playbooks/roles/postgres-install/defaults/main.yml
new file mode 100644
index 0000000..3e547d0
--- /dev/null
+++ b/playbooks/roles/postgres-install/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for postgres-install
diff --git a/playbooks/roles/postgres-install/handlers/main.yml b/playbooks/roles/postgres-install/handlers/main.yml
new file mode 100644
index 0000000..95cf7ee
--- /dev/null
+++ b/playbooks/roles/postgres-install/handlers/main.yml
@@ -0,0 +1,7 @@
+---
+# handlers file for postgres-install
+- name: Reload postgres-install to apply changes
+  service:
+    name: postgresql
+    state: reloaded
+    enabled: true
diff --git a/playbooks/roles/postgres-install/meta/main.yml b/playbooks/roles/postgres-install/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/postgres-install/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/postgres-install/tasks/main.yml b/playbooks/roles/postgres-install/tasks/main.yml
new file mode 100644
index 0000000..8dbc6f7
--- /dev/null
+++ b/playbooks/roles/postgres-install/tasks/main.yml
@@ -0,0 +1,33 @@
+---
+- name: Install dependencies
+  ansible.builtin.apt:
+    name:
+      - curl
+      - ca-certificates
+      - python3-psycopg2
+    state: present
+    update_cache: yes
+
+- name: Create directory for PostgreSQL repo key
+  ansible.builtin.file:
+    path: /usr/share/postgresql-common/pgdg
+    state: directory
+    mode: '0755'
+
+- name: Download PostgreSQL repo GPG key
+  ansible.builtin.get_url:
+    url: https://www.postgresql.org/media/keys/ACCC4CF8.asc
+    dest: /usr/share/postgresql-common/pgdg/apt.postgresql.org.asc
+    mode: '0644'
+
+- name: Add PostgreSQL APT repository
+  apt_repository:
+    repo: "deb [signed-by=/usr/share/postgresql-common/pgdg/apt.postgresql.org.asc] https://apt.postgresql.org/pub/repos/apt {{ ansible_distribution_release }}-pgdg main"
+    state: present
+    update_cache: yes
+
+- name: Install PostgreSQL
+  ansible.builtin.apt:
+    name: "postgresql-{{ db_version }}"
+    state: present
+
diff --git a/playbooks/roles/postgres-install/tests/test.yml b/playbooks/roles/postgres-install/tests/test.yml
new file mode 100644
index 0000000..89c103c
--- /dev/null
+++ b/playbooks/roles/postgres-install/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - postgres-install
diff --git a/playbooks/roles/postgres-install/vars/main.yml b/playbooks/roles/postgres-install/vars/main.yml
new file mode 100644
index 0000000..5d9556d
--- /dev/null
+++ b/playbooks/roles/postgres-install/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for postgres-install
diff --git a/playbooks/roles/prepare-directories/README.md b/playbooks/roles/prepare-directories/README.md
new file mode 100644
index 0000000..225dd44
--- /dev/null
+++ b/playbooks/roles/prepare-directories/README.md
@@ -0,0 +1,38 @@
+Role Name
+=========
+
+A brief description of the role goes here.
+
+Requirements
+------------
+
+Any pre-requisites that may not be covered by Ansible itself or the role should be mentioned here. For instance, if the role uses the EC2 module, it may be a good idea to mention in this section that the boto package is required.
+
+Role Variables
+--------------
+
+A description of the settable variables for this role should go here, including any variables that are in defaults/main.yml, vars/main.yml, and any variables that can/should be set via parameters to the role. Any variables that are read from other roles and/or the global scope (ie. hostvars, group vars, etc.) should be mentioned here as well.
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/prepare-directories/defaults/main.yml b/playbooks/roles/prepare-directories/defaults/main.yml
new file mode 100644
index 0000000..b5865e7
--- /dev/null
+++ b/playbooks/roles/prepare-directories/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for prepare-directories
diff --git a/playbooks/roles/prepare-directories/handlers/main.yml b/playbooks/roles/prepare-directories/handlers/main.yml
new file mode 100644
index 0000000..6b3f258
--- /dev/null
+++ b/playbooks/roles/prepare-directories/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for prepare-directories
diff --git a/playbooks/roles/prepare-directories/meta/main.yml b/playbooks/roles/prepare-directories/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/prepare-directories/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/prepare-directories/tasks/main.yml b/playbooks/roles/prepare-directories/tasks/main.yml
new file mode 100644
index 0000000..548a18f
--- /dev/null
+++ b/playbooks/roles/prepare-directories/tasks/main.yml
@@ -0,0 +1,22 @@
+---
+# tasks file for prepare directories
+- name: Copy services directories
+  ansible.builtin.copy:
+    src: "{{ item.src }}"
+    dest: /
+    mode: '2775'
+    directory_mode: '2775'
+  loop:
+    - { src: ~/backups/srv }
+    - { src: ../files/backups }
+
+- name: Set ownership and permissions  /srv
+  ansible.builtin.file:
+    path: "{{ item.path }}"
+    owner: "{{ main_user }}"
+    group: "{{ item.group }}"
+    mode: '2775'
+    recurse: yes
+  loop:
+    - { path: /srv, group: docker }
+    - { path: /backups, group: backup }
diff --git a/playbooks/roles/prepare-directories/tests/test.yml b/playbooks/roles/prepare-directories/tests/test.yml
new file mode 100644
index 0000000..32b7e57
--- /dev/null
+++ b/playbooks/roles/prepare-directories/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - prepare-directories
diff --git a/playbooks/roles/prepare-directories/vars/main.yml b/playbooks/roles/prepare-directories/vars/main.yml
new file mode 100644
index 0000000..bf80710
--- /dev/null
+++ b/playbooks/roles/prepare-directories/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for prepare-directories
diff --git a/playbooks/roles/set-groups/README.md b/playbooks/roles/set-groups/README.md
new file mode 100644
index 0000000..d797039
--- /dev/null
+++ b/playbooks/roles/set-groups/README.md
@@ -0,0 +1,31 @@
+Add groups
+=========
+
+Add new groups
+
+Requirements
+------------
+
+Role Variables
+--------------
+- groups(list)
+
+Dependencies
+------------
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
diff --git a/playbooks/roles/set-groups/defaults/main.yml b/playbooks/roles/set-groups/defaults/main.yml
new file mode 100644
index 0000000..8924d81
--- /dev/null
+++ b/playbooks/roles/set-groups/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for set-groups
diff --git a/playbooks/roles/set-groups/handlers/main.yml b/playbooks/roles/set-groups/handlers/main.yml
new file mode 100644
index 0000000..6b7d3a2
--- /dev/null
+++ b/playbooks/roles/set-groups/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for set-groups
diff --git a/playbooks/roles/set-groups/meta/main.yml b/playbooks/roles/set-groups/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/set-groups/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/set-groups/tasks/main.yml b/playbooks/roles/set-groups/tasks/main.yml
new file mode 100644
index 0000000..40d3d1f
--- /dev/null
+++ b/playbooks/roles/set-groups/tasks/main.yml
@@ -0,0 +1,7 @@
+---
+# tasks file for set-groups
+- name: Create groups
+  ansible.builtin.group:
+    name: "{{ item }}"
+    state: present
+  loop: "{{ server_groups }}"
\ No newline at end of file
diff --git a/playbooks/roles/set-groups/tests/test.yml b/playbooks/roles/set-groups/tests/test.yml
new file mode 100644
index 0000000..39ab8f6
--- /dev/null
+++ b/playbooks/roles/set-groups/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - set-groups
diff --git a/playbooks/roles/set-groups/vars/main.yml b/playbooks/roles/set-groups/vars/main.yml
new file mode 100644
index 0000000..919fe38
--- /dev/null
+++ b/playbooks/roles/set-groups/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for set-groups
diff --git a/playbooks/roles/set-users/README.md b/playbooks/roles/set-users/README.md
new file mode 100644
index 0000000..6ef16d1
--- /dev/null
+++ b/playbooks/roles/set-users/README.md
@@ -0,0 +1,37 @@
+Add user
+=========
+
+- add new user
+- add user into groups
+- configure passwordless access for user
+
+Requirements
+------------
+
+Role Variables
+--------------
+
+- main_user
+- groups(list)
+- user_password
+
+Dependencies
+------------
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for
+users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
diff --git a/playbooks/roles/set-users/defaults/main.yml b/playbooks/roles/set-users/defaults/main.yml
new file mode 100644
index 0000000..aee32e4
--- /dev/null
+++ b/playbooks/roles/set-users/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for set-users
diff --git a/playbooks/roles/set-users/handlers/main.yml b/playbooks/roles/set-users/handlers/main.yml
new file mode 100644
index 0000000..af3833d
--- /dev/null
+++ b/playbooks/roles/set-users/handlers/main.yml
@@ -0,0 +1,2 @@
+---
+# handlers file for set-users
diff --git a/playbooks/roles/set-users/meta/main.yml b/playbooks/roles/set-users/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/set-users/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/set-users/tasks/main.yml b/playbooks/roles/set-users/tasks/main.yml
new file mode 100644
index 0000000..74ef3f0
--- /dev/null
+++ b/playbooks/roles/set-users/tasks/main.yml
@@ -0,0 +1,27 @@
+---
+# tasks file for set-users
+- name: Create new user
+  ansible.builtin.user:
+    name: "{{ main_user }}"
+    create_home: yes
+    shell: /bin/bash
+    password: "{{ user_password| password_hash('sha512') }}"
+
+- name: Add user to groups
+  ansible.builtin.user:
+    name: "{{ main_user }}"
+    groups: "{{ server_groups }}"
+    append: yes
+
+- name: Configure sudo to allow passwordless access for  user
+  become_user: root
+  lineinfile:
+    path: /etc/sudoers.d/ansible_nopasswd
+    create: yes
+    line: "{{ main_user }} ALL=(ALL) NOPASSWD: ALL"
+    validate: "/usr/sbin/visudo -cf %s"
+    mode: "0440"
+    state: present
+
+
+
diff --git a/playbooks/roles/set-users/tasks/users_groups-playbook.yaml.examples b/playbooks/roles/set-users/tasks/users_groups-playbook.yaml.examples
new file mode 100644
index 0000000..05f70fa
--- /dev/null
+++ b/playbooks/roles/set-users/tasks/users_groups-playbook.yaml.examples
@@ -0,0 +1,42 @@
+---
+- name: Set new users
+  hosts: main_server
+  become: yes
+  tasks:
+
+    - name: Create group
+      ansible.builtin.group:
+        name: "{{ item.name }}"
+        state: present
+
+      loop:
+        - { name: backup }
+        - { name: docker }
+
+    - name: Create new user
+      user:
+        name: "{{ new_user }}"
+        create_home: yes
+        shell: /bin/bash
+        password: "{{ user_password| password_hash('sha512') }}"
+
+    - name: Add user to groups
+      user:
+        name: "{{ new_user }}"
+        groups:
+          - sudo
+          - docker
+        append: yes
+
+    - name: Configure sudo to allow passwordless access for  user
+      become_user: root
+      lineinfile:
+        path: /etc/sudoers.d/ansible_nopasswd
+        create: yes
+        line: "{{ new_user }} ALL=(ALL) NOPASSWD: ALL"
+        validate: "/usr/sbin/visudo -cf %s"
+        mode: "0440"
+        state: present
+
+
+
diff --git a/playbooks/roles/set-users/tests/test.yml b/playbooks/roles/set-users/tests/test.yml
new file mode 100644
index 0000000..186c7c0
--- /dev/null
+++ b/playbooks/roles/set-users/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - set-users
diff --git a/playbooks/roles/set-users/vars/main.yml b/playbooks/roles/set-users/vars/main.yml
new file mode 100644
index 0000000..0700ea0
--- /dev/null
+++ b/playbooks/roles/set-users/vars/main.yml
@@ -0,0 +1,2 @@
+---
+# vars file for set-users
diff --git a/playbooks/roles/ssh/README.md b/playbooks/roles/ssh/README.md
new file mode 100644
index 0000000..9f047a9
--- /dev/null
+++ b/playbooks/roles/ssh/README.md
@@ -0,0 +1,40 @@
+SSH
+=========
+
+This role for install if necessary and configure SSH
+
+Requirements
+------------
+
+Role Variables
+--------------
+
+- main_ssh_port
+- main_user
+- main_user_ssh_key
+
+Dependencies
+------------
+
+A list of other roles hosted on Galaxy should go here, plus any details in regards to parameters that may need to be set
+for other roles, or variables that are used from other roles.
+
+Example Playbook
+----------------
+
+Including an example of how to use your role (for instance, with variables passed in as parameters) is always nice for
+users too:
+
+    - hosts: servers
+      roles:
+         - { role: username.rolename, x: 42 }
+
+License
+-------
+
+BSD
+
+Author Information
+------------------
+
+An optional section for the role authors to include contact information, or a website (HTML is not allowed).
diff --git a/playbooks/roles/ssh/defaults/main.yml b/playbooks/roles/ssh/defaults/main.yml
new file mode 100644
index 0000000..e627c09
--- /dev/null
+++ b/playbooks/roles/ssh/defaults/main.yml
@@ -0,0 +1,2 @@
+---
+# defaults file for ssh
diff --git a/playbooks/roles/ssh/handlers/main.yml b/playbooks/roles/ssh/handlers/main.yml
new file mode 100644
index 0000000..93f2ac0
--- /dev/null
+++ b/playbooks/roles/ssh/handlers/main.yml
@@ -0,0 +1,6 @@
+---
+- name: Reload SSH
+  ansible.builtin.service:
+    name: ssh
+    state: reloaded
+    enabled: true
\ No newline at end of file
diff --git a/playbooks/roles/ssh/meta/main.yml b/playbooks/roles/ssh/meta/main.yml
new file mode 100644
index 0000000..c572acc
--- /dev/null
+++ b/playbooks/roles/ssh/meta/main.yml
@@ -0,0 +1,52 @@
+galaxy_info:
+  author: your name
+  description: your role description
+  company: your company (optional)
+
+  # If the issue tracker for your role is not on github, uncomment the
+  # next line and provide a value
+  # issue_tracker_url: http://example.com/issue/tracker
+
+  # Choose a valid license ID from https://spdx.org - some suggested licenses:
+  # - BSD-3-Clause (default)
+  # - MIT
+  # - GPL-2.0-or-later
+  # - GPL-3.0-only
+  # - Apache-2.0
+  # - CC-BY-4.0
+  license: license (GPL-2.0-or-later, MIT, etc)
+
+  min_ansible_version: 2.1
+
+  # If this a Container Enabled role, provide the minimum Ansible Container version.
+  # min_ansible_container_version:
+
+  #
+  # Provide a list of supported platforms, and for each platform a list of versions.
+  # If you don't wish to enumerate all versions for a particular platform, use 'all'.
+  # To view available platforms and versions (or releases), visit:
+  # https://galaxy.ansible.com/api/v1/platforms/
+  #
+  # platforms:
+  # - name: Fedora
+  #   versions:
+  #   - all
+  #   - 25
+  # - name: SomePlatform
+  #   versions:
+  #   - all
+  #   - 1.0
+  #   - 7
+  #   - 99.99
+
+  galaxy_tags: []
+    # List tags for your role here, one per line. A tag is a keyword that describes
+    # and categorizes the role. Users find roles by searching for tags. Be sure to
+    # remove the '[]' above, if you add tags to this list.
+    #
+    # NOTE: A tag is limited to a single word comprised of alphanumeric characters.
+    #       Maximum 20 tags per role.
+
+dependencies: []
+  # List your role dependencies here, one per line. Be sure to remove the '[]' above,
+  # if you add dependencies to this list.
diff --git a/playbooks/roles/ssh/tasks/SSH-playbook.yaml.examples b/playbooks/roles/ssh/tasks/SSH-playbook.yaml.examples
new file mode 100644
index 0000000..f060524
--- /dev/null
+++ b/playbooks/roles/ssh/tasks/SSH-playbook.yaml.examples
@@ -0,0 +1,51 @@
+---
+- name: Configure SSH
+  hosts: main_server
+  become: yes
+  tasks:
+    - name: Change SSH port
+      lineinfile:
+        path: /etc/ssh/sshd_config
+        regexp: '^#?Port'
+        line: "Port {{ main_ssh_port }}"
+
+    - name: Secure SSH config
+      lineinfile:
+        path: /etc/ssh/sshd_config
+        regexp: "^{{ item.regexp }}"
+        line: "{{ item.line }}"
+      loop:
+        - { regexp: '^#?PermitRootLogin', line: 'PermitRootLogin no' }
+        - { regexp: '^#?PubkeyAuthentication', line: 'PubkeyAuthentication yes' }
+        - { regexp: '^#?PasswordAuthentication', line: 'PasswordAuthentication no' }
+
+    - name: Setup SSH keys
+      authorized_key:
+        user: "{{ item }}"
+        state: present
+        key: "{{ user_ssh_key }}"
+      loop:
+        - "{{ ansible_user }}"
+        - "{{ new_user}}"
+
+    - name: Reload SSH
+      service:
+        name: ssh
+        state: reloaded
+
+    - name: Ensure SSH service is running
+      ansible.builtin.service:
+        name: ssh
+        state: restarted
+        enabled: true
+
+    - name: Check if SSH is listening on the correct port
+      become: yes
+      shell: "ss -tulpn | grep :{{ main_ssh_port }}"
+      register: ssh_port_check
+
+    - name: show SSH port
+      debug:
+        var: ssh_port_check.stdout
+
+
diff --git a/playbooks/roles/ssh/tasks/main.yml b/playbooks/roles/ssh/tasks/main.yml
new file mode 100644
index 0000000..4cc89e6
--- /dev/null
+++ b/playbooks/roles/ssh/tasks/main.yml
@@ -0,0 +1,34 @@
+---
+- name: Install SSH
+  ansible.builtin.package:
+    name:
+      - openssh-server
+
+    state: present
+
+- name: Change SSH port
+  lineinfile:
+    path: /etc/ssh/sshd_config
+    regexp: '^#?Port'
+    line: "Port {{ ports.main_ssh_port.port }}"
+
+- name: Secure SSH config
+  lineinfile:
+    path: /etc/ssh/sshd_config
+    regexp: "^{{ item.regexp }}"
+    line: "{{ item.line }}"
+  loop:
+    - { regexp: '^#?PermitRootLogin', line: 'PermitRootLogin no' }
+    - { regexp: '^#?PubkeyAuthentication', line: 'PubkeyAuthentication yes' }
+    - { regexp: '^#?PasswordAuthentication', line: 'PasswordAuthentication no' }
+
+- name: Setup SSH keys
+  authorized_key:
+    user: "{{ main_user }}"
+    key: "{{ main_user_ssh_key }}"
+
+- name: Reload SSH
+  service:
+    name: ssh
+    state: reloaded
+    enabled: true
\ No newline at end of file
diff --git a/playbooks/roles/ssh/tests/test.yml b/playbooks/roles/ssh/tests/test.yml
new file mode 100644
index 0000000..3692ead
--- /dev/null
+++ b/playbooks/roles/ssh/tests/test.yml
@@ -0,0 +1,5 @@
+---
+- hosts: localhost
+  remote_user: root
+  roles:
+    - ssh
diff --git a/playbooks/roles/ssh/vars/main.yml b/playbooks/roles/ssh/vars/main.yml
new file mode 100644
index 0000000..ab30ba1
--- /dev/null
+++ b/playbooks/roles/ssh/vars/main.yml
@@ -0,0 +1,3 @@
+---
+main_ssh_port: 22
+user_ssh_key: ~/.ssh/id_ed25519
\ No newline at end of file
diff --git a/run.bash b/run.bash
new file mode 100644
index 0000000..e3419e5
--- /dev/null
+++ b/run.bash
@@ -0,0 +1,3 @@
+#!/bin/bash
+
+ansible-playbook  -i inventory/start_conf_server.ini playbooks/configure_server-playbook.yaml -K
\ No newline at end of file