From 2c7b9a84e69a9a694878766b66bf7929eab7722f Mon Sep 17 00:00:00 2001 From: Navyansh Kesarwani Date: Fri, 3 Oct 2025 15:15:45 +0530 Subject: [PATCH 1/3] Made changes as per the super-linter workflow errors --- frontend/assets/styles/custom.css | 54 ++++++++++++------ frontend/assets/styles/gh-fork-ribbon.css | 69 ++++++++++------------- frontend/assets/tailwind.css | 3 +- 3 files changed, 69 insertions(+), 57 deletions(-) diff --git a/frontend/assets/styles/custom.css b/frontend/assets/styles/custom.css index 3f2b05a8..88c8b0fd 100644 --- a/frontend/assets/styles/custom.css +++ b/frontend/assets/styles/custom.css @@ -1,32 +1,34 @@ :root { - --toggle-icon-color: #ffffff; + --toggle-icon-color: #fff; --toggle-icon-hover: #ffd700; - --bg-color: #000000; - --bg-overlay: rgba(48, 48, 48, 0.95); - --text-color: #ffffff; - --reverse-text-color: #111111; - --card-bg: rgba(26, 26, 26, 1); + --bg-color: #000; + --bg-overlay: rgb(48 48 48 / 95%); + --text-color: #fff; + --reverse-text-color: #111; + --card-bg: rgb(26 26 26 / 100%); --team-role-shadow-rgb: 255, 255, 255; } + [data-theme='light'] { - --toggle-icon-color: #111111; + --toggle-icon-color: #111; --toggle-icon-hover: #ff8c00; - --bg-color: #ffffff; - --bg-overlay: rgba(255, 255, 255, 0.65); - --text-color: #111111; - --reverse-text-color: #ffffff; - --card-bg: rgba(255, 255, 255, 0.85); + --bg-color: #fff; + --bg-overlay: rgb(255 255 255 / 65%); + --text-color: #111; + --reverse-text-color: #fff; + --card-bg: rgb(255 255 255 / 85%); --team-role-shadow-rgb: 0, 0, 0; --footer-copyright-color: var(--reverse-text-color); } + [data-theme='random'] { --toggle-icon-color: var(--text-color); --toggle-icon-hover: var(--bg-color); - --bg-color: #000000; - --bg-overlay: rgba(0, 0, 0, 0.65); - --text-color: #ffffff; - --reverse-text-color: #ffffff; - --card-bg: rgba(255, 255, 255, 0.1); + --bg-color: #000; + --bg-overlay: rgb(0 0 0 / 65%); + --text-color: #fff; + --reverse-text-color: #fff; + --card-bg: rgb(255 255 255 / 10%); --team-role-shadow-rgb: 255, 255, 255; --footer-copyright-color: var(--text-color); } @@ -47,6 +49,7 @@ color: var(--toggle-icon-color); transition: color 0.3s ease; } + .theme-toggle:hover svg { color: var(--toggle-icon-hover); } @@ -55,49 +58,64 @@ .team-role-admin { --team-role-color: var(--color-team-role-admin); } + .team-role-developer { --team-role-color: var(--color-team-role-developer); } + .team-role-github-triage { --team-role-color: var(--color-team-role-github-triage); } + .team-role-moderator { --team-role-color: var(--color-team-role-moderator); } + .team-role-board { --team-role-color: var(--color-team-role-board); } + .team-role-leader { --team-role-color: var(--color-team-role-leader); } + .team-role-coordinator { --team-role-color: var(--color-team-role-coordinator); } + .team-role-co-organizers { --team-role-color: var(--color-team-role-co-organizers); } + .team-role-lead-developer { --team-role-color: var(--color-team-role-lead-developer); } + .team-role-core-developer { --team-role-color: var(--color-team-role-core-developer); } + .team-role-event-organizers { --team-role-color: var(--color-team-role-event-organizers); } + .team-role-assistant-organizers { --team-role-color: var(--color-team-role-assistant-organizers); } + .team-role img { border: var(--team-role-border) var(--team-role-color); transition: filter 0.3s ease; } + .team-role:hover img { - filter: drop-shadow(0 0 10px rgba(var(--team-role-shadow-rgb), 0.4)) drop-shadow(0 0 20px rgba(var(--team-role-shadow-rgb), 0.2)); + filter: drop-shadow(0 0 10px rgb(var(--team-role-shadow-rgb) / 40%)) drop-shadow(0 0 20px rgb(var(--team-role-shadow-rgb) / 20%)); } + .team-role span { color: var(--team-role-color); } + /* Footer section */ .footer-copyright { color: var(--footer-copyright-color); diff --git a/frontend/assets/styles/gh-fork-ribbon.css b/frontend/assets/styles/gh-fork-ribbon.css index 891b3bb4..6301d3e2 100644 --- a/frontend/assets/styles/gh-fork-ribbon.css +++ b/frontend/assets/styles/gh-fork-ribbon.css @@ -11,46 +11,38 @@ text-decoration: none; text-indent: -999999px; } + .github-fork-ribbon.fixed { position: fixed; } + .github-fork-ribbon:hover, .github-fork-ribbon:active { - background-color: rgba(0, 0, 0, 0); + background-color: rgb(0 0 0 / 0%); } -.github-fork-ribbon:before, -.github-fork-ribbon:after { + +.github-fork-ribbon::before, +.github-fork-ribbon::after { position: absolute; display: block; width: 15.38em; height: 1.54em; top: 3.23em; right: -3.23em; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); transform: rotate(45deg); } -.github-fork-ribbon:before { + +.github-fork-ribbon::before { content: ''; padding: 0.38em 0; background-color: #a00; - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15))); - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); - background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); - -webkit-box-shadow: 0 0.15em 0.23em 0 rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0 0.15em 0.23em 0 rgba(0, 0, 0, 0.5); - box-shadow: 0 0.15em 0.23em 0 rgba(0, 0, 0, 0.5); + background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 15%)); + box-shadow: 0 0.15em 0.23em 0 rgb(0 0 0 / 50%); pointer-events: auto; } -.github-fork-ribbon:after { + +.github-fork-ribbon::after { content: attr(data-ribbon); color: #fff; font: @@ -60,7 +52,7 @@ sans-serif; line-height: 1.54em; text-decoration: none; - text-shadow: 0 -0.08em rgba(0, 0, 0, 0.5); + text-shadow: 0 -0.08em rgb(0 0 0 / 50%); text-align: center; text-indent: 0; padding: 0.15em 0; @@ -68,39 +60,40 @@ border-width: 0.08em 0; border-style: dotted; border-color: #fff; - border-color: rgba(255, 255, 255, 0.7); + border-color: rgb(255 255 255 / 70%); } + .github-fork-ribbon.left-top, .github-fork-ribbon.left-bottom { right: auto; left: 0; } + .github-fork-ribbon.left-bottom, .github-fork-ribbon.right-bottom { top: auto; bottom: 0; } -.github-fork-ribbon.left-top:before, -.github-fork-ribbon.left-top:after, -.github-fork-ribbon.left-bottom:before, -.github-fork-ribbon.left-bottom:after { + +.github-fork-ribbon.left-top::before, +.github-fork-ribbon.left-top::after, +.github-fork-ribbon.left-bottom::before, +.github-fork-ribbon.left-bottom::after { right: auto; left: -3.23em; } -.github-fork-ribbon.left-bottom:before, -.github-fork-ribbon.left-bottom:after, -.github-fork-ribbon.right-bottom:before, -.github-fork-ribbon.right-bottom:after { + +.github-fork-ribbon.left-bottom::before, +.github-fork-ribbon.left-bottom::after, +.github-fork-ribbon.right-bottom::before, +.github-fork-ribbon.right-bottom::after { top: auto; bottom: 3.23em; } -.github-fork-ribbon.left-top:before, -.github-fork-ribbon.left-top:after, -.github-fork-ribbon.right-bottom:before, -.github-fork-ribbon.right-bottom:after { - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - -o-transform: rotate(-45deg); + +.github-fork-ribbon.left-top::before, +.github-fork-ribbon.left-top::after, +.github-fork-ribbon.right-bottom::before, +.github-fork-ribbon.right-bottom::after { transform: rotate(-45deg); } diff --git a/frontend/assets/tailwind.css b/frontend/assets/tailwind.css index 5c02277b..3b4a25fd 100644 --- a/frontend/assets/tailwind.css +++ b/frontend/assets/tailwind.css @@ -1,4 +1,4 @@ -@import 'tailwindcss'; +@import url('tailwindcss'); @tailwind base; @tailwind components; @@ -7,6 +7,7 @@ :root { --team-role-border: 2px solid; } + @theme { --color-table-header: #091a52; --color-highlight: #ff5733; From 0fd34cd9312918b7e29e48715a4d60b6be71db3e Mon Sep 17 00:00:00 2001 From: Navyansh Kesarwani Date: Fri, 3 Oct 2025 15:40:12 +0530 Subject: [PATCH 2/3] Fixed a linting issue with custom.css --- frontend/assets/styles/custom.css | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/assets/styles/custom.css b/frontend/assets/styles/custom.css index 88c8b0fd..9deb175d 100644 --- a/frontend/assets/styles/custom.css +++ b/frontend/assets/styles/custom.css @@ -45,6 +45,7 @@ background-color 0.3s ease, color 0.3s ease; } + .theme-toggle svg { color: var(--toggle-icon-color); transition: color 0.3s ease; From 752d0e0f676ceee669f38a3c899dd70403a5e2dd Mon Sep 17 00:00:00 2001 From: Navyansh Kesarwani Date: Fri, 3 Oct 2025 16:16:41 +0530 Subject: [PATCH 3/3] Added .stylelintrc.json file to suppress the at-rules --- .stylelintrc.json | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 .stylelintrc.json diff --git a/.stylelintrc.json b/.stylelintrc.json new file mode 100644 index 00000000..3917f9d5 --- /dev/null +++ b/.stylelintrc.json @@ -0,0 +1,10 @@ +{ + "rules": { + "at-rule-no-unknown": [ + true, + { + "ignoreAtRules": ["tailwind", "theme", "import"] + } + ] + } +}