[PR #3076] [MERGED] feat: replacing windicss by tailwindcss in hoppscotch-ui #4220

New issue

Closed

opened 2026-03-17 01:46:27 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:46:27 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3076
Author: @anwarulislam
Created: 5/23/2023
Status: ✅ Merged
Merged: 11/1/2023
Merged by: @AndrewBastin

Base: release/2023.12.0 ← Head: feat/hopp-ui-tailwind

📝 Commits (10+)

f775750 feat: remove windicss
4424536 feat: tailwindcss added
11955bb chore: update tailwind config
6758195 feat: prettier added for tailwind classes
68fad88 chore: tailwind directive moved to a separate file
fb5aa11 fix: histoire setup issue
4ff6aba feat: histoire setup
71d10a7 chore: themes files separated
634f13a chore: moved tw decorator to a new file
0d8a301 feat: separated theme files

📊 Changes

174 files changed (+6750 additions, -5014 deletions)

View changed files

📝 packages/hoppscotch-common/.prettierrc.js (+2 -1)
📝 packages/hoppscotch-common/assets/scss/styles.scss (+56 -40)
➕ packages/hoppscotch-common/assets/scss/tailwind.scss (+3 -0)
➖ packages/hoppscotch-common/assets/scss/themes.scss (+0 -274)
➕ packages/hoppscotch-common/assets/themes/accent-themes.scss (+89 -0)
➕ packages/hoppscotch-common/assets/themes/base-themes.scss (+81 -0)
➕ packages/hoppscotch-common/assets/themes/editor-themes.scss (+41 -0)
➕ packages/hoppscotch-common/assets/themes/themes.scss (+64 -0)
📝 packages/hoppscotch-common/package.json (+6 -3)
📝 packages/hoppscotch-common/src/App.vue (+1 -1)
📝 packages/hoppscotch-common/src/components.d.ts (+0 -1)
📝 packages/hoppscotch-common/src/components/app/Announcement.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/app/ContextMenu.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/app/DeveloperOptions.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/app/Footer.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/app/Header.vue (+13 -13)
📝 packages/hoppscotch-common/src/components/app/Inspection.vue (+9 -9)
📝 packages/hoppscotch-common/src/components/app/Options.vue (+2 -2)
📝 packages/hoppscotch-common/src/components/app/Share.vue (+6 -6)
📝 packages/hoppscotch-common/src/components/app/Shortcuts.vue (+6 -6)

...and 80 more files

📄 Description

Closes HFE-100 HFE-101 HFE-97 HFE-259 HFE-265

Description:

The PR replaces WindiCSS with TailwindCSS from all hoppscotch frontend projects.

Things changed:

Removed windicss package from hoppscotch-ui, hoppscotch-common, hoppscotch-selfhost-web
Removed windicss configs
Added a new config package to the packages directory. The directory contains common config files. Such as prettier, eslint, tailwind, postcss.
Added TailwindCSS to all frontend packages.
Fixes WindiCSS related issue existed after installing Tailwind

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/3076 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 5/23/2023 **Status:** ✅ Merged **Merged:** 11/1/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.12.0` ← **Head:** `feat/hopp-ui-tailwind` --- ### 📝 Commits (10+) - [`f775750`](https://github.com/hoppscotch/hoppscotch/commit/f7757502c2df8773fe97d38aecfa4c0212634b9f) feat: remove windicss - [`4424536`](https://github.com/hoppscotch/hoppscotch/commit/44245365be78c29397bc946005dac4b7428b6357) feat: tailwindcss added - [`11955bb`](https://github.com/hoppscotch/hoppscotch/commit/11955bb2bffda87b199ac48ca53692dd868f4ecc) chore: update tailwind config - [`6758195`](https://github.com/hoppscotch/hoppscotch/commit/67581954e8084e0ff6b137d7399a5cd473e68188) feat: prettier added for tailwind classes - [`68fad88`](https://github.com/hoppscotch/hoppscotch/commit/68fad885efc03b56c1019cb5532df1aafa459746) chore: tailwind directive moved to a separate file - [`fb5aa11`](https://github.com/hoppscotch/hoppscotch/commit/fb5aa11ed566297ba66c1e118ebba5465418b330) fix: histoire setup issue - [`4ff6aba`](https://github.com/hoppscotch/hoppscotch/commit/4ff6abab73714b063809958a8bf4df23e80d59ad) feat: histoire setup - [`71d10a7`](https://github.com/hoppscotch/hoppscotch/commit/71d10a70a05c32c58b42b318c78febc957f6e3cb) chore: themes files separated - [`634f13a`](https://github.com/hoppscotch/hoppscotch/commit/634f13abd05f43ddb831cecf71ecc9a423f89ebd) chore: moved tw decorator to a new file - [`0d8a301`](https://github.com/hoppscotch/hoppscotch/commit/0d8a3012f6967815f231b009b093f410d6e582a3) feat: separated theme files ### 📊 Changes **174 files changed** (+6750 additions, -5014 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/.prettierrc.js` (+2 -1) 📝 `packages/hoppscotch-common/assets/scss/styles.scss` (+56 -40) ➕ `packages/hoppscotch-common/assets/scss/tailwind.scss` (+3 -0) ➖ `packages/hoppscotch-common/assets/scss/themes.scss` (+0 -274) ➕ `packages/hoppscotch-common/assets/themes/accent-themes.scss` (+89 -0) ➕ `packages/hoppscotch-common/assets/themes/base-themes.scss` (+81 -0) ➕ `packages/hoppscotch-common/assets/themes/editor-themes.scss` (+41 -0) ➕ `packages/hoppscotch-common/assets/themes/themes.scss` (+64 -0) 📝 `packages/hoppscotch-common/package.json` (+6 -3) 📝 `packages/hoppscotch-common/src/App.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components.d.ts` (+0 -1) 📝 `packages/hoppscotch-common/src/components/app/Announcement.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/app/ContextMenu.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/app/DeveloperOptions.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/app/Footer.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/app/Header.vue` (+13 -13) 📝 `packages/hoppscotch-common/src/components/app/Inspection.vue` (+9 -9) 📝 `packages/hoppscotch-common/src/components/app/Options.vue` (+2 -2) 📝 `packages/hoppscotch-common/src/components/app/Share.vue` (+6 -6) 📝 `packages/hoppscotch-common/src/components/app/Shortcuts.vue` (+6 -6) _...and 80 more files_ </details> ### 📄 Description Closes HFE-100 HFE-101 HFE-97 HFE-259 HFE-265 ## Description: The PR replaces WindiCSS with TailwindCSS from all hoppscotch frontend projects. ## Things changed: - Removed `windicss` package from `hoppscotch-ui`, `hoppscotch-common`, `hoppscotch-selfhost-web` - Removed `windicss` configs - Added a new `config` package to the packages directory. The directory contains common config files. Such as `prettier`, `eslint`, `tailwind`, `postcss`. - Added `TailwindCSS` to all frontend packages. - Fixes WindiCSS related issue existed after installing Tailwind --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>