Merge pull request #1317 from nunocoracao/dev

🔖 v2.61.1

assets/css/compiled/main.css

@@ -60,7 +60,7 @@ html,
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
-  font-family: Roboto, sans-serif;
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
@@ -149,7 +149,7 @@ code,
 kbd,
 samp,
 pre {
-  font-family: ui-monospace, monospace;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   /* 1 */
   font-feature-settings: normal;
   /* 2 */
@@ -653,106 +653,6 @@ select {
   outline:1px auto -webkit-focus-ring-color
 }
 
-input[type="range"]::-webkit-slider-thumb {
-  height:1rem;
-  width:1rem;
-  background:#3B71CA;
-  border-radius:9999px;
-  border:0;
-  appearance:none;
-  -moz-appearance:none;
-  -webkit-appearance:none;
-  cursor:pointer
-}
-
-.dark input[type="range"]::-webkit-slider-thumb {
-  background:#8FAEE0
-}
-
-input[type="range"]:disabled::-webkit-slider-thumb {
-  background:rgba(var(--color-neutral-400), <alpha-value>)
-}
-
-input[type="range"]:disabled:focus::-webkit-slider-thumb {
-  background:rgba(var(--color-neutral-400), <alpha-value>)
-}
-
-input[type="range"]:disabled:active::-webkit-slider-thumb {
-  background:rgba(var(--color-neutral-400), <alpha-value>)
-}
-
-.dark input[type="range"]:disabled::-webkit-slider-thumb {
-  background:rgba(var(--color-neutral-500), <alpha-value>)
-}
-
-.dark input[type="range"]:disabled:focus::-webkit-slider-thumb {
-  background:rgba(var(--color-neutral-500), <alpha-value>)
-}
-
-.dark input[type="range"]:disabled:active::-webkit-slider-thumb {
-  background:rgba(var(--color-neutral-500), <alpha-value>)
-}
-
-input[type="range"]::-moz-range-thumb {
-  height:1rem;
-  width:1rem;
-  background:#3B71CA;
-  border-radius:9999px;
-  border:0;
-  appearance:none;
-  -moz-appearance:none;
-  -webkit-appearance:none;
-  cursor:pointer
-}
-
-.dark input[type="range"]::-moz-range-thumb {
-  background:#8FAEE0
-}
-
-input[type="range"]:disabled::-moz-range-thumb {
-  background:rgba(var(--color-neutral-400), <alpha-value>)
-}
-
-.dark input[type="range"]:disabled::-moz-range-thumb {
-  background:rgba(var(--color-neutral-500), <alpha-value>)
-}
-
-input[type="range"]::-moz-range-progress {
-  background:#3061AF
-}
-
-input[type="range"]::-ms-fill-lower {
-  background:#3061AF
-}
-
-.dark input[type="range"]::-moz-range-progress {
-  background:#6590D5
-}
-
-.dark input[type="range"]::-ms-fill-lower {
-  background:#6590D5
-}
-
-input[type="range"]:focus {
-  outline:none
-}
-
-input[type="range"]:focus::-webkit-slider-thumb {
-  background:#3061AF
-}
-
-input[type="range"]:active::-webkit-slider-thumb {
-  background:#285192
-}
-
-.dark input[type="range"]:focus::-webkit-slider-thumb {
-  background:#6590D5
-}
-
-.dark input[type="range"]:active::-webkit-slider-thumb {
-  background:#3061AF
-}
-
 *, ::before, ::after {
   --tw-border-spacing-x:0;
   --tw-border-spacing-y:0;
@@ -909,11 +809,11 @@ input[type="range"]:active::-webkit-slider-thumb {
   color:var(--tw-prose-links);
   text-decoration:none;
   font-weight:500;
-  text-decoration-color:rgb(171 194 232 / 1);
+  text-decoration-color:rgba(var(--color-primary-300), 1);
 }
 
 .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
-  color:rgb(48 97 175 / 1);
+  color:rgba(var(--color-primary-600), 1);
   text-decoration:none;
   border-radius:0.09rem
 }
@@ -1258,17 +1158,17 @@ input[type="range"]:active::-webkit-slider-thumb {
   --tw-prose-body:rgba(var(--color-neutral-700), 1);
   --tw-prose-headings:rgba(var(--color-neutral-800), 1);
   --tw-prose-lead:rgba(var(--color-neutral-500), 1);
-  --tw-prose-links:rgb(48 97 175 / 1);
+  --tw-prose-links:rgba(var(--color-primary-600), 1);
   --tw-prose-bold:rgba(var(--color-neutral-900), 1);
   --tw-prose-counters:rgba(var(--color-neutral-800), 1);
   --tw-prose-bullets:rgba(var(--color-neutral-500), 1);
   --tw-prose-hr:rgba(var(--color-neutral-200), 1);
   --tw-prose-quotes:rgba(var(--color-neutral-700), 1);
-  --tw-prose-quote-borders:rgb(199 215 240 / 1);
+  --tw-prose-quote-borders:rgba(var(--color-primary-200), 1);
   --tw-prose-captions:rgba(var(--color-neutral-500), 1);
   --tw-prose-kbd:#111827;
   --tw-prose-kbd-shadows:17 24 39;
-  --tw-prose-code:rgb(107 117 133 / 1);
+  --tw-prose-code:rgba(var(--color-secondary-700), 1);
   --tw-prose-pre-code:rgba(var(--color-neutral-700), 1);
   --tw-prose-pre-bg:rgba(var(--color-neutral-50), 1);
   --tw-prose-th-borders:rgba(var(--color-neutral-500), 1);
@@ -1276,17 +1176,17 @@ input[type="range"]:active::-webkit-slider-thumb {
   --tw-prose-invert-body:rgba(var(--color-neutral-300), 1);
   --tw-prose-invert-headings:rgba(var(--color-neutral-50), 1);
   --tw-prose-invert-lead:rgba(var(--color-neutral-500), 1);
-  --tw-prose-invert-links:rgb(143 174 224 / 1);
+  --tw-prose-invert-links:rgba(var(--color-primary-400), 1);
   --tw-prose-invert-bold:rgba(var(--color-neutral), 1);
   --tw-prose-invert-counters:rgba(var(--color-neutral-400), 1);
   --tw-prose-invert-bullets:rgba(var(--color-neutral-600), 1);
   --tw-prose-invert-hr:rgba(var(--color-neutral-500), 1);
   --tw-prose-invert-quotes:rgba(var(--color-neutral-200), 1);
-  --tw-prose-invert-quote-borders:rgb(24 48 88 / 1);
+  --tw-prose-invert-quote-borders:rgba(var(--color-primary-900), 1);
   --tw-prose-invert-captions:rgba(var(--color-neutral-400), 1);
   --tw-prose-invert-kbd:#fff;
   --tw-prose-invert-kbd-shadows:255 255 255;
-  --tw-prose-invert-code:rgb(200 204 211 / 1);
+  --tw-prose-invert-code:rgba(var(--color-secondary-400), 1);
   --tw-prose-invert-pre-code:rgba(var(--color-neutral-200), 1);
   --tw-prose-invert-pre-bg:rgba(var(--color-neutral-700), 1);
   --tw-prose-invert-th-borders:rgba(var(--color-neutral-500), 1);
@@ -1408,7 +1308,7 @@ input[type="range"]:active::-webkit-slider-thumb {
 
 .prose :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   color:rgba(var(--color-neutral-800), 1);
-  background-color:rgb(48 97 175 / 1);
+  background-color:rgba(var(--color-primary-600), 1);
   padding:0.1rem 0.2rem;
   border-radius:0.25rem
 }
@@ -1422,11 +1322,11 @@ input[type="range"]:active::-webkit-slider-thumb {
 }
 
 .prose :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgb(48 97 175 / 1)
+  text-decoration-color:rgba(var(--color-primary-600), 1)
 }
 
 .prose :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgb(48 97 175 / 1)
+  text-decoration-color:rgba(var(--color-primary-600), 1)
 }
 
 .prose-invert {
@@ -1455,7 +1355,7 @@ input[type="range"]:active::-webkit-slider-thumb {
 }
 
 .prose-invert :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
-  color:rgb(143 174 224 / 1)
+  color:rgba(var(--color-primary-400), 1)
 }
 
 .prose-invert :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -1464,7 +1364,7 @@ input[type="range"]:active::-webkit-slider-thumb {
 }
 
 .prose-invert :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  background-color:rgb(143 174 224 / 1)
+  background-color:rgba(var(--color-primary-400), 1)
 }
 
 .prose-invert :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -1472,11 +1372,11 @@ input[type="range"]:active::-webkit-slider-thumb {
 }
 
 .prose-invert :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgb(143 174 224 / 1)
+  text-decoration-color:rgba(var(--color-primary-400), 1)
 }
 
 .prose-invert :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgb(143 174 224 / 1)
+  text-decoration-color:rgba(var(--color-primary-400), 1)
 }
 
 .sr-only {
@@ -2444,24 +2344,19 @@ input[type="range"]:active::-webkit-slider-thumb {
   border-color:rgba(var(--color-neutral-300), var(--tw-border-opacity))
 }
 
-.border-primary {
-  --tw-border-opacity:1;
-  border-color:rgb(59 113 202 / var(--tw-border-opacity))
-}
-
 .border-primary-400 {
   --tw-border-opacity:1;
-  border-color:rgb(143 174 224 / var(--tw-border-opacity))
+  border-color:rgba(var(--color-primary-400), var(--tw-border-opacity))
 }
 
 .border-primary-500 {
   --tw-border-opacity:1;
-  border-color:rgb(101 144 213 / var(--tw-border-opacity))
+  border-color:rgba(var(--color-primary-500), var(--tw-border-opacity))
 }
 
 .border-secondary-500 {
   --tw-border-opacity:1;
-  border-color:rgb(179 185 194 / var(--tw-border-opacity))
+  border-color:rgba(var(--color-secondary-500), var(--tw-border-opacity))
 }
 
 .border-transparent {
@@ -2506,22 +2401,22 @@ input[type="range"]:active::-webkit-slider-thumb {
 
 .bg-primary-100 {
   --tw-bg-opacity:1;
-  background-color:rgb(227 235 247 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
 }
 
 .bg-primary-200 {
   --tw-bg-opacity:1;
-  background-color:rgb(199 215 240 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-200), var(--tw-bg-opacity))
 }
 
 .bg-primary-500 {
   --tw-bg-opacity:1;
-  background-color:rgb(101 144 213 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
 }
 
 .bg-primary-600 {
   --tw-bg-opacity:1;
-  background-color:rgb(48 97 175 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
 }
 
 .bg-transparent {
@@ -2551,8 +2446,8 @@ input[type="range"]:active::-webkit-slider-thumb {
 }
 
 .from-primary-500 {
-  --tw-gradient-from:#6590D5 var(--tw-gradient-from-position);
+  --tw-gradient-from:rgba(var(--color-primary-500), 1) var(--tw-gradient-from-position);
-  --tw-gradient-to:rgb(101 144 213 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-to:rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
 }
 
@@ -2569,7 +2464,7 @@ input[type="range"]:active::-webkit-slider-thumb {
 }
 
 .to-secondary-600 {
-  --tw-gradient-to:#848D9C var(--tw-gradient-to-position)
+  --tw-gradient-to:rgba(var(--color-secondary-600), 1) var(--tw-gradient-to-position)
 }
 
 .to-transparent {
@@ -2907,21 +2802,6 @@ input[type="range"]:active::-webkit-slider-thumb {
   color:rgba(var(--color-neutral), var(--tw-text-opacity)) !important
 }
 
-.\!text-primary {
-  --tw-text-opacity:1 !important;
-  color:rgb(59 113 202 / var(--tw-text-opacity)) !important
-}
-
-.text-danger {
-  --tw-text-opacity:1;
-  color:rgb(220 76 100 / var(--tw-text-opacity))
-}
-
-.text-info {
-  --tw-text-opacity:1;
-  color:rgb(84 180 211 / var(--tw-text-opacity))
-}
-
 .text-neutral-200 {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
@@ -2962,65 +2842,45 @@ input[type="range"]:active::-webkit-slider-thumb {
   color:rgba(var(--color-neutral-900), var(--tw-text-opacity))
 }
 
-.text-primary {
-  --tw-text-opacity:1;
-  color:rgb(59 113 202 / var(--tw-text-opacity))
-}
-
 .text-primary-100 {
   --tw-text-opacity:1;
-  color:rgb(227 235 247 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-100), var(--tw-text-opacity))
 }
 
 .text-primary-300 {
   --tw-text-opacity:1;
-  color:rgb(171 194 232 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
 }
 
 .text-primary-400 {
   --tw-text-opacity:1;
-  color:rgb(143 174 224 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
 .text-primary-500 {
   --tw-text-opacity:1;
-  color:rgb(101 144 213 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-500), var(--tw-text-opacity))
 }
 
 .text-primary-600 {
   --tw-text-opacity:1;
-  color:rgb(48 97 175 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
 }
 
 .text-primary-700 {
   --tw-text-opacity:1;
-  color:rgb(40 81 146 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-700), var(--tw-text-opacity))
 }
 
 .text-primary-800 {
   --tw-text-opacity:1;
-  color:rgb(32 64 117 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
-}
-
-.text-success {
-  --tw-text-opacity:1;
-  color:rgb(20 164 77 / var(--tw-text-opacity))
-}
-
-.text-surface {
-  --tw-text-opacity:1;
-  color:rgb(79 79 79 / var(--tw-text-opacity))
 }
 
 .text-transparent {
   color:transparent
 }
 
-.text-warning {
-  --tw-text-opacity:1;
-  color:rgb(228 161 27 / var(--tw-text-opacity))
-}
-
 .\!no-underline {
   text-decoration-line:none !important
 }
@@ -3034,7 +2894,7 @@ input[type="range"]:active::-webkit-slider-thumb {
 }
 
 .decoration-primary-500 {
-  text-decoration-color:#6590D5
+  text-decoration-color:rgba(var(--color-primary-500), 1)
 }
 
 .underline-offset-auto {
@@ -3087,12 +2947,6 @@ input[type="range"]:active::-webkit-slider-thumb {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.shadow-2 {
-  --tw-shadow:0 0 3px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.04);
-  --tw-shadow-colored:0 0 3px 0 var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color);
-  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-}
-
 .shadow-2xl {
   --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
@@ -3352,7 +3206,7 @@ body:has(#menu-controller:checked) {
   background-color:rgba(var(--color-neutral-200), var(--tw-bg-opacity));
   padding-top:0.25rem;
   padding-bottom:0.25rem;
-  font-family:ui-monospace, monospace;
+  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   font-size:0.875rem;
   line-height:1.25rem;
   --tw-text-opacity:1;
@@ -3372,7 +3226,7 @@ body:has(#menu-controller:checked) {
 .copy-button:active,
 .copy-button:active:hover {
   --tw-bg-opacity:1;
-  background-color:rgb(227 235 247 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
 }
 
 :is(.dark .copy-button:hover),:is(.dark 
@@ -3380,7 +3234,7 @@ body:has(#menu-controller:checked) {
 .copy-button:active),:is(.dark 
 .copy-button:active:hover) {
   --tw-bg-opacity:1;
-  background-color:rgb(48 97 175 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
 }
 
 .copy-textarea {
@@ -3464,14 +3318,14 @@ code {
   display:block;
   width:auto;
   --tw-bg-opacity:1;
-  background-color:rgb(227 235 247 / var(--tw-bg-opacity));
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity));
   padding-left:1rem;
   padding-right:1rem
 }
 
 :is(.dark .chroma .hl) {
   --tw-bg-opacity:1;
-  background-color:rgb(24 48 88 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
 }
 
 .chroma .lntd .hl {
@@ -3531,7 +3385,7 @@ code {
 .chroma .vc,
 .chroma .o {
   --tw-text-opacity:1;
-  color:rgb(48 97 175 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .k),:is(.dark 
@@ -3545,7 +3399,7 @@ code {
 .chroma .vc),:is(.dark 
 .chroma .o) {
   --tw-text-opacity:1;
-  color:rgb(171 194 232 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
 }
 
 /* KeywordConstant */
@@ -3553,12 +3407,12 @@ code {
 .chroma .kc {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgb(200 204 211 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .kc) {
   --tw-text-opacity:1;
-  color:rgb(179 185 194 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
 }
 
 /* KeywordType */
@@ -3595,7 +3449,7 @@ code {
 .chroma .il,
 .chroma .mo {
   --tw-text-opacity:1;
-  color:rgb(200 204 211 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .kt),:is(.dark 
@@ -3610,7 +3464,7 @@ code {
 .chroma .il),:is(.dark 
 .chroma .mo) {
   --tw-text-opacity:1;
-  color:rgb(132 141 156 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
 }
 
 /* Name */
@@ -3626,7 +3480,7 @@ code {
 .chroma .ni,
 .chroma .nl {
   --tw-text-opacity:1;
-  color:rgb(64 70 80 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-900), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .n),:is(.dark 
@@ -3634,7 +3488,7 @@ code {
 .chroma .ni),:is(.dark 
 .chroma .nl) {
   --tw-text-opacity:1;
-  color:rgb(228 230 233 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-200), var(--tw-text-opacity))
 }
 
 /* NameAttribute */
@@ -3656,7 +3510,7 @@ code {
 .chroma .py,
 .chroma .nt {
   --tw-text-opacity:1;
-  color:rgb(86 93 107 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-800), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .na),:is(.dark 
@@ -3666,7 +3520,7 @@ code {
 .chroma .py),:is(.dark 
 .chroma .nt) {
   --tw-text-opacity:1;
-  color:rgb(214 217 222 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-300), var(--tw-text-opacity))
 }
 
 /* NameConstant */
@@ -3680,26 +3534,26 @@ code {
 .chroma .vg {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgb(200 204 211 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .no),:is(.dark 
 .chroma .ne),:is(.dark 
 .chroma .vg) {
   --tw-text-opacity:1;
-  color:rgb(179 185 194 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
 }
 
 /* NameFunction */
 
 .chroma .nf {
   --tw-text-opacity:1;
-  color:rgb(132 141 156 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .nf) {
   --tw-text-opacity:1;
-  color:rgb(179 185 194 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
 }
 
 /* Literal */
@@ -3751,7 +3605,7 @@ code {
 .chroma .go,
 .chroma .gp {
   --tw-text-opacity:1;
-  color:rgb(32 64 117 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .l),:is(.dark 
@@ -3771,7 +3625,7 @@ code {
 .chroma .go),:is(.dark 
 .chroma .gp) {
   --tw-text-opacity:1;
-  color:rgb(143 174 224 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
 /* LiteralStringEscape */
@@ -3779,12 +3633,12 @@ code {
 .chroma .se {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgb(200 204 211 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .se) {
   --tw-text-opacity:1;
-  color:rgb(179 185 194 / var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
 }
 
 /* LiteralStringRegex */
@@ -3795,13 +3649,13 @@ code {
 .chroma .ss {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgb(32 64 117 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .sr),:is(.dark 
 .chroma .ss) {
   --tw-text-opacity:1;
-  color:rgb(143 174 224 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
 /* OperatorWord */
@@ -3809,12 +3663,12 @@ code {
 .chroma .ow {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgb(143 174 224 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .ow) {
   --tw-text-opacity:1;
-  color:rgb(48 97 175 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
 }
 
 /* Comment */
@@ -4813,7 +4667,7 @@ pre {
 }
 
 :is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
-  color:rgb(143 174 224 / 1)
+  color:rgba(var(--color-primary-400), 1)
 }
 
 :is(.dark .dark\:prose-invert) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -4822,7 +4676,7 @@ pre {
 }
 
 :is(.dark .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  background-color:rgb(143 174 224 / 1)
+  background-color:rgba(var(--color-primary-400), 1)
 }
 
 :is(.dark .dark\:prose-invert) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -4830,11 +4684,11 @@ pre {
 }
 
 :is(.dark .dark\:prose-invert) :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgb(143 174 224 / 1)
+  text-decoration-color:rgba(var(--color-primary-400), 1)
 }
 
 :is(.dark .dark\:prose-invert) :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgb(143 174 224 / 1)
+  text-decoration-color:rgba(var(--color-primary-400), 1)
 }
 
 .after\:clear-both::after {
@@ -4866,22 +4720,22 @@ pre {
 
 .hover\:\!bg-primary-500:hover {
   --tw-bg-opacity:1 !important;
-  background-color:rgb(101 144 213 / var(--tw-bg-opacity)) !important
+  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important
 }
 
 .hover\:bg-primary-100:hover {
   --tw-bg-opacity:1;
-  background-color:rgb(227 235 247 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
 }
 
 .hover\:bg-primary-500:hover {
   --tw-bg-opacity:1;
-  background-color:rgb(101 144 213 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
 }
 
 .hover\:bg-primary-600:hover {
   --tw-bg-opacity:1;
-  background-color:rgb(48 97 175 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
 }
 
 .hover\:text-neutral:hover {
@@ -4891,22 +4745,22 @@ pre {
 
 .hover\:text-primary-400:hover {
   --tw-text-opacity:1;
-  color:rgb(143 174 224 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
 .hover\:text-primary-500:hover {
   --tw-text-opacity:1;
-  color:rgb(101 144 213 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-500), var(--tw-text-opacity))
 }
 
 .hover\:text-primary-600:hover {
   --tw-text-opacity:1;
-  color:rgb(48 97 175 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
 }
 
 .hover\:text-primary-700:hover {
   --tw-text-opacity:1;
-  color:rgb(40 81 146 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-700), var(--tw-text-opacity))
 }
 
 .hover\:underline:hover {
@@ -4918,7 +4772,7 @@ pre {
 }
 
 .hover\:decoration-primary-400:hover {
-  text-decoration-color:#8FAEE0
+  text-decoration-color:rgba(var(--color-primary-400), 1)
 }
 
 .hover\:decoration-2:hover {
@@ -4945,7 +4799,7 @@ pre {
 
 .focus\:bg-primary-100:focus {
   --tw-bg-opacity:1;
-  background-color:rgb(227 235 247 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
 }
 
 .focus\:no-underline:focus {
@@ -4975,12 +4829,12 @@ pre {
 
 .group:hover .group-hover\:text-primary-300 {
   --tw-text-opacity:1;
-  color:rgb(171 194 232 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
 }
 
 .group:hover .group-hover\:text-primary-600 {
   --tw-text-opacity:1;
-  color:rgb(48 97 175 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
 }
 
 .group:hover .group-hover\:underline {
@@ -4988,7 +4842,7 @@ pre {
 }
 
 .group:hover .group-hover\:decoration-primary-500 {
-  text-decoration-color:#6590D5
+  text-decoration-color:rgba(var(--color-primary-500), 1)
 }
 
 .group:hover .group-hover\:opacity-100 {
@@ -5061,11 +4915,6 @@ pre {
   border-style:solid
 }
 
-.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-primary {
-  --tw-border-opacity:1;
-  border-color:rgb(59 113 202 / var(--tw-border-opacity))
-}
-
 .group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t-transparent {
   border-top-color:transparent
 }
@@ -5074,24 +4923,6 @@ pre {
   border-top-color:transparent
 }
 
-.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-1 {
-  --tw-shadow:-1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca;
-  --tw-shadow-colored:-1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color);
-  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-}
-
-.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-2 {
-  --tw-shadow:0 1px 0 0 #3b71ca;
-  --tw-shadow-colored:0 1px 0 0 var(--tw-shadow-color);
-  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-}
-
-.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-3 {
-  --tw-shadow:1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca;
-  --tw-shadow-colored:1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color);
-  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-}
-
 @media (prefers-reduced-motion: reduce) {
   .motion-reduce\:transition-none {
     transition-property:none
@@ -5123,12 +4954,12 @@ pre {
 
 :is(.dark .dark\:border-primary-300) {
   --tw-border-opacity:1;
-  border-color:rgb(171 194 232 / var(--tw-border-opacity))
+  border-color:rgba(var(--color-primary-300), var(--tw-border-opacity))
 }
 
 :is(.dark .dark\:border-primary-600) {
   --tw-border-opacity:1;
-  border-color:rgb(48 97 175 / var(--tw-border-opacity))
+  border-color:rgba(var(--color-primary-600), var(--tw-border-opacity))
 }
 
 :is(.dark .dark\:bg-neutral-400) {
@@ -5161,27 +4992,22 @@ pre {
 
 :is(.dark .dark\:bg-primary-300) {
   --tw-bg-opacity:1;
-  background-color:rgb(171 194 232 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-300), var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:bg-primary-400) {
   --tw-bg-opacity:1;
-  background-color:rgb(143 174 224 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:bg-primary-800) {
   --tw-bg-opacity:1;
-  background-color:rgb(32 64 117 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:bg-primary-900) {
   --tw-bg-opacity:1;
-  background-color:rgb(24 48 88 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
-}
-
-:is(.dark .dark\:bg-surface-dark) {
-  --tw-bg-opacity:1;
-  background-color:rgb(66 66 66 / var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:from-neutral-800) {
@@ -5191,8 +5017,8 @@ pre {
 }
 
 :is(.dark .dark\:from-primary-600) {
-  --tw-gradient-from:#3061AF var(--tw-gradient-from-position);
+  --tw-gradient-from:rgba(var(--color-primary-600), 1) var(--tw-gradient-from-position);
-  --tw-gradient-to:rgb(48 97 175 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-to:rgba(var(--color-primary-600), 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
 }
 
@@ -5201,7 +5027,7 @@ pre {
 }
 
 :is(.dark .dark\:to-secondary-800) {
-  --tw-gradient-to:#565D6B var(--tw-gradient-to-position)
+  --tw-gradient-to:rgba(var(--color-secondary-800), 1) var(--tw-gradient-to-position)
 }
 
 :is(.dark .dark\:text-neutral) {
@@ -5246,12 +5072,12 @@ pre {
 
 :is(.dark .dark\:text-primary-200) {
   --tw-text-opacity:1;
-  color:rgb(199 215 240 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-200), var(--tw-text-opacity))
 }
 
 :is(.dark .dark\:text-primary-400) {
   --tw-text-opacity:1;
-  color:rgb(143 174 224 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
 :is(.dark .dark\:opacity-60) {
@@ -5260,17 +5086,17 @@ pre {
 
 :is(.dark .dark\:hover\:\!bg-primary-700:hover) {
   --tw-bg-opacity:1 !important;
-  background-color:rgb(40 81 146 / var(--tw-bg-opacity)) !important
+  background-color:rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important
 }
 
 :is(.dark .dark\:hover\:bg-primary-400:hover) {
   --tw-bg-opacity:1;
-  background-color:rgb(143 174 224 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:hover\:bg-primary-900:hover) {
   --tw-bg-opacity:1;
-  background-color:rgb(24 48 88 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:hover\:text-neutral-800:hover) {
@@ -5280,12 +5106,12 @@ pre {
 
 :is(.dark .dark\:hover\:text-primary-400:hover) {
   --tw-text-opacity:1;
-  color:rgb(143 174 224 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
 :is(.dark .dark\:focus\:bg-primary-900:focus) {
   --tw-bg-opacity:1;
-  background-color:rgb(24 48 88 / var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
 }
 
 :is(.dark .group:hover .dark\:group-hover\:text-neutral-700) {
@@ -5295,7 +5121,7 @@ pre {
 
 :is(.dark .group:hover .dark\:group-hover\:text-primary-400) {
   --tw-text-opacity:1;
-  color:rgb(143 174 224 / var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
 @media (min-width: 640px) {

genArticle.js

@@ -0,0 +1,63 @@
+const fs = require('fs');
+const translate = require('@iamtraction/google-translate');
+
+const defaultLang = "en";
+const targetLang = process.argv[2] || "en";
+const filePath = process.argv[3];
+const targetLangIso = targetLang == "pt" ? "pt-pt" : targetLang;
+const targetFilePath = filePath.replace(".md", "." + targetLangIso + ".md");
+
+async function convert(text, from, to) {
+    var options = {
+        from: from,
+        to: to
+    };
+    var translated_text = await translate(text, options);
+    return translated_text.text;
+}
+
+console.log(filePath);
+console.log(targetFilePath);
+
+async function processFrontMatter(block) {
+    var array = block.split("\n");
+    var translatedBlock = "";
+    for (var i = 0; i < array.length; i++) {
+        if (array[i].indexOf(":") > -1) {
+            var elements = array[i].split(":");
+            var newElement = "";
+            if (elements[0] == "title" ||
+                elements[0] == "description" ||
+                elements[0] == "summary" ||
+                elements[0] == "description" ||
+                elements[0] == "categories" ||
+                elements[0] == "tags") {
+                var translatedElement = elements[1] ? await convert(elements[1], defaultLang, targetLang) : elements[1];
+                newElement = elements[0] + ": " + translatedElement;
+            } else {
+                newElement = array[i];
+            }
+        } else {
+            newElement = array[i];
+        }
+        translatedBlock += newElement + "\n";
+    }
+    return translatedBlock;
+}
+
+
+async function main() {
+    const fileContent = fs.readFileSync(filePath, 'utf8');
+
+    var array = fileContent.split("---\n")
+    var frontMatter = array[1];
+    var content = array[2];
+
+    var translatedFrontMatter = await processFrontMatter(frontMatter);
+    var translatedContent = await convert(content, defaultLang, targetLang);
+
+    var newFileContent = "---\n" + translatedFrontMatter + "---\n" + translatedContent;
+    fs.writeFileSync(targetFilePath, newFileContent, 'utf8');
+}
+
+main();

genLang.js

@@ -0,0 +1,104 @@
+const fs = require('fs');
+const translate = require('@iamtraction/google-translate');
+
+const configDir = "./exampleSite/config/_default";
+const contentDir = "./exampleSite/content";
+const defaultLang = "en";
+const targetLang = process.argv[2] || "en";
+const targetLangIso = targetLang == "pt" ? "pt-pt" : targetLang;
+
+
+function createConfigs() {
+    const files = fs.readdirSync(configDir);
+    files.forEach(file => {
+        const filePath = `${configDir}/${file}`;
+        if (filePath.indexOf("languages.en.toml") > -1 ||
+            filePath.indexOf("menus.en.toml") > -1) {
+            var fileContent = fs.readFileSync(filePath, 'utf8');
+            fs.writeFileSync(filePath.replace(".en.toml", "." + targetLangIso + ".toml"), fileContent, 'utf8');
+        }
+    });
+}
+
+async function convert(text, from, to) {
+    var options = {
+        from: from,
+        to: to
+    };
+    var translated_text = await translate(text, options)
+        .catch(err => {
+            console.error(err);
+        });;
+    return translated_text && translated_text.text? translated_text.text : '';
+}
+
+async function processFrontMatter(block) {
+    var array = block.split("\n");
+    var translatedBlock = "";
+    for (var i = 0; i < array.length; i++) {
+        if (array[i].indexOf(":") > -1) {
+            var elements = array[i].split(":");
+            var newElement = "";
+            if (elements[0] == "title" ||
+                elements[0] == "description" ||
+                elements[0] == "summary" ||
+                elements[0] == "description" ||
+                elements[0] == "categories" ||
+                elements[0] == "tags") {
+                var translatedElement = elements[1] ? await convert(elements[1], defaultLang, targetLang) : elements[1];
+                newElement = elements[0] + ": " + translatedElement;
+            } else {
+                newElement = array[i];
+            }
+        } else {
+            newElement = array[i];
+        }
+        translatedBlock += newElement + "\n";
+    }
+    return translatedBlock;
+}
+
+async function processFile(filePath) {
+    console.log("translating", filePath)
+    if (filePath.indexOf("index.md") > -1) {
+
+        const targetFilePath = filePath.replace(".md", "." + targetLangIso + ".md");
+
+        const fileContent = fs.readFileSync(filePath, 'utf8');
+
+        var array = fileContent.split("---\n")
+        var frontMatter = array[1];
+        var content = array[2];
+
+        var translatedFrontMatter = await processFrontMatter(frontMatter);
+        var translatedContent = await convert(content, defaultLang, targetLang);
+
+        var newFileContent = "---\n" + translatedFrontMatter + "---\n" + translatedContent;
+        fs.writeFileSync(targetFilePath, newFileContent, 'utf8');
+
+    } else
+        return
+}
+
+async function processFolder(folderPath) {
+    const files = fs.readdirSync(folderPath);
+
+    for (var i in files) {
+        const file = files[i];
+        const filePath = `${folderPath}/${file}`;
+        const isDir = fs.lstatSync(filePath).isDirectory();
+        console.log(filePath, isDir);
+        if (isDir) {
+            await processFolder(filePath);
+        } else {
+            await processFile(filePath);
+        }
+    }
+}
+
+async function createContent() {
+    processFolder(contentDir);
+}
+
+createConfigs();
+createContent();

i18n/id.yaml

@@ -21,10 +21,10 @@ article:
   likes:
     one: "{{ .Count }} disukai"
     other: "{{ .Count }} disukai"
-  part_of_series: "This article is part of a series."
+  part_of_series: "Artikel ini merupakan bagian dari sebuah seri."
-  part: "Part"
+  part: "Bagian"
-  this_article: "This Article"
+  this_article: "Artikel ini"
-  related_articles: "Related"
+  related_articles: "Terkait"
 
 author:
   byline_title: "Penulis"

package-lock.json

@@ -1,17 +1,18 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.61.0",
+  "version": "2.62.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "hugo-blowfish-theme",
-      "version": "2.61.0",
+      "version": "2.62.0",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
         "@headlessui/react": "^1.7.18",
         "@heroicons/react": "^2.1.1",
+        "@iamtraction/google-translate": "^2.0.1",
         "@tailwindcss/forms": "^0.5.7",
         "commander": "^12.0.0"
       },
@@ -88,6 +89,14 @@
       "integrity": "sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A==",
       "dev": true
     },
+    "node_modules/@fastify/busboy": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.1.tgz",
+      "integrity": "sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@headlessui/react": {
       "version": "1.7.18",
       "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.18.tgz",
@@ -112,6 +121,17 @@
         "react": ">= 16"
       }
     },
+    "node_modules/@iamtraction/google-translate": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@iamtraction/google-translate/-/google-translate-2.0.1.tgz",
+      "integrity": "sha512-kOTkt23zflxpgxLIe9tLvDU8IvNscXYbgMSXydNkZGWDtJ75YJiU3v7EBz+t7h/gSiY7sT5r4dlFkMrHCl+N6A==",
+      "dependencies": {
+        "undici": "^5.12.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -4118,6 +4138,17 @@
         "through": "^2.3.8"
       }
     },
+    "node_modules/undici": {
+      "version": "5.28.3",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-5.28.3.tgz",
+      "integrity": "sha512-3ItfzbrhDlINjaP0duwnNsKpDQk3acHI3gVJ1z4fmwMK31k5G9OVIAMLSIaP6w4FaGkaAkN6zaQO9LUvZ1t7VA==",
+      "dependencies": {
+        "@fastify/busboy": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.0"
+      }
+    },
     "node_modules/undici-types": {
       "version": "5.26.5",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.61.0",
+  "version": "2.61.1",
   "description": "Blowfish theme for Hugo",
   "scripts": {
     "postinstall": "vendor-copy",
@@ -110,6 +110,7 @@
   "dependencies": {
     "@headlessui/react": "^1.7.18",
     "@heroicons/react": "^2.1.1",
+    "@iamtraction/google-translate": "^2.0.1",
     "@tailwindcss/forms": "^0.5.7",
     "commander": "^12.0.0"
   }

release-versions/hugo-latest.txt

@@ -1 +1 @@
-v0.123.8
+v0.123.8

tailwind.config.js

@@ -176,7 +176,6 @@ module.exports = {
   },
   plugins: [
     require("@tailwindcss/typography"),
-    require('@tailwindcss/forms'),
+    require('@tailwindcss/forms')
-    require("tw-elements/plugin.cjs"),
   ],
 };