feat: ✨ update to gitea 1.21.3 and fix some issues

+ update the theme to work with latest gitea
+ fix some issues with the project view

src/themes/scss/theme/index.scss

@@ -231,13 +231,14 @@
         --color-expand-button: #{color.get('elevation/6')};
         --color-placeholder-text: #{color.get('elevation/6')};
         --color-editor-line-highlight: var(--color-primary-light-5);
-        --color-project-board-bg: var(--color-secondary-light-2);
+        --color-project-board-bg: #{color.get('elevation/2')};
         --color-caret: var(--color-text);
         --color-reaction-bg: rgba(#{color.get('text', 'rgb')}, 0.07);
         --color-reaction-active-bg: var(--color-primary-alpha-40);
         --color-nav-bg: #{$lvl2};
         --color-nav-hover-bg: #{color.get('elevation/6')};
         --color-label-active-bg: #{color.get('elevation/6')};
+        --color-label-text: #{color.get('text')};
         --color-accent: var(--color-primary-light-1);
         --color-small-accent: var(--color-primary-light-5);
         --color-active-line: #{color.get('elevation/5')};

src/themes/scss/theme/modules/custom/_project.scss

@@ -0,0 +1,19 @@
+@use '@lucas-labs/lui-micro/var' as var;
+@use '@lucas-labs/lui-micro/color' as color;
+
+@mixin apply-styles {
+    #project-board {
+        .project-column-header {
+            .project-column-title {
+                .circular.label {
+                    display: flex;
+                    padding: 0 !important;
+                    align-items: center;
+                    justify-content: center;
+                    line-height: 16px;
+                    padding: 0 var.get('measure/.25x') !important;
+                }
+            }
+        }
+    }    
+}

src/themes/scss/theme/modules/custom/_repo-header.scss

@@ -44,7 +44,7 @@
                     // border-bottom: 4px solid color.get('primary/base');;
 
                     &::after {
-                        background: color.get('primary/base');;
+                        background: color.get('primary/base');
                         border-radius: 6px;
                         bottom: calc(0px - var(--item-margin-bottom));
                         content: "";
@@ -66,6 +66,8 @@
                     min-width: calc(var.get('measure/1.25x') + 6px);
                     padding: 6px;
                     text-align: center;
+                    align-items: center;
+                    justify-content: center;
                 }
 
                 &:hover {

src/themes/scss/theme/modules/custom/index.scss

@@ -1,7 +1,9 @@
 @use './repo-header';
 @use './repo';
+@use './project';
 
 @mixin apply-custom-styles {
     @include repo-header.apply-styles();
     @include repo.apply-styles();
+    @include project.apply-styles();
 }

src/themes/scss/theme/modules/custom/repo/_file-list.scss

@@ -5,6 +5,7 @@
 
     #repo-topics {
         row-gap: var.get('measure/.5x');
+        margin-top: 0 !important;
     }
 
     .ui.table>tr>td, .ui.table>tbody>tr>td {
@@ -146,9 +147,31 @@
             flex-direction: column;
             row-gap: var.get('measure/1x');
 
-            .field.gt-f1.gt-mr-3 {
+            .field.gt-f1.gt-mr-3 { 
                 margin: 0px !important;
 
+
+                // topic selection editing (task list
+                div.fluid.multiple.search.selection.dropdown {
+                    display: flex;
+                    flex-wrap: wrap;
+                    box-shadow: none;
+                    padding: var.get('measure/.25x') var.get('measure/.5x');
+                    
+                    .item {
+                        border: none;
+                    }
+
+                    .menu {
+                        top: calc(100% + 1px);
+                    }
+                }
+                
+                .dropdown {
+                    display: none;
+                }
+
+                // Cancel, Save buttons
                 +div {
                     display: flex;
                     column-gap: var.get('measure/1x');