Andras/BoundlessFlowCampus2K
3
6
Fork 0
Code Issues 143 Pull requests 14 Projects Releases Packages Wiki Activity Actions 2

#554 update customScrollBar theme.css #565

Merged
c24elipe merged 1 commit from #554-custom-scrollbars into team_2_week_3 2026-04-27 11:30:08 +00:00
Conversation 4 Commits 1 Files changed 1 +17
a24nedka commented 2026-04-26 19:24:00 +00:00
Collaborator
Copy link

Add support for custom scrollbars in theme.css in folder (app).

The scrollbar styling is now implemented globally and connected to the application's theme variables. This allows the scrollbar appearance to automatically follow the current theme.

The implementation also makes it easy to customize the scrollbar in the future:

  • By updating theme variables (e.g. color3), the scrollbar updates automatically.
  • Alternatively, the scrollbar styling can be overridden directly with custom values (e.g. hex colors) if needed.

As shown in the screenshot number 2, applying a hex color updates the scrollbar directly. If the scrollbar should follow the theme instead, updating the variable in :root will automatically change its appearance.

image image

Add support for custom scrollbars in theme.css in folder (app). The scrollbar styling is now implemented globally and connected to the application's theme variables. This allows the scrollbar appearance to automatically follow the current theme. The implementation also makes it easy to customize the scrollbar in the future: - By updating theme variables (e.g. color3), the scrollbar updates automatically. - Alternatively, the scrollbar styling can be overridden directly with custom values (e.g. hex colors) if needed. As shown in the screenshot number 2, applying a hex color updates the scrollbar directly. If the scrollbar should follow the theme instead, updating the variable in :root will automatically change its appearance. ![image](/attachments/109cc1c1-254b-4b50-a9e8-a884ce7ffe8a) ![image](/attachments/3130a699-4804-48cf-973e-033bacb68372)
image.png
72 KiB
image.png
72 KiB 
Add support for custom scrollbars in theme.css in folder (app)
a24vinla commented 2026-04-27 08:39:39 +00:00
Collaborator
Copy link

Is it possible to implement this into the cards that require a scroll bar as well?

Is it possible to implement this into the cards that require a scroll bar as well?
b24idalu approved these changes 2026-04-27 08:45:03 +00:00
b24idalu left a comment
Collaborator
Copy link

Have tested switching themes and the solution works well. It automatically works on the cards as well.

Have tested switching themes and the solution works well. It automatically works on the cards as well.
c24elipe removed their assignment 2026-04-27 08:54:51 +00:00
c24elipe commented 2026-04-27 11:30:00 +00:00
Collaborator
Copy link

It compiles and changes colours correctly

It compiles and changes colours correctly
c24elipe merged commit a7acc05f4f into team_2_week_3 2026-04-27 11:30:08 +00:00
c24elipe deleted branch #554-custom-scrollbars 2026-04-27 11:30:11 +00:00
c24danli commented 2026-05-04 11:45:45 +00:00
Collaborator
Copy link

This is merged will close the issue

This is merged will close the issue
Sign in to join this conversation.
Reviewers
No reviewers
b24idalu
Labels
Clear labels   
_CRITICAL_

Only use this label for critical tasks that are project-scope,and must be addressed ASAP.

  
API

   
app

   
backEnd

   
Blocked-waiting-for-further-changes

   
bug

Something is not working

  
bug-only-on-server-for-mobile-not-webpage

   
Bug-Report-After-Merge

   
cleanup

Issues to cleanup the codebase (restructure folders, remove deprecated or smelly code)

  
close

Issue to close

  
design

   
duplicate

This issue or pull request already exists

  
enhancement

New feature

  
feature request

   
frontEnd

   
further-changes-needed

   
future-problem-not-fixint-this-period

   
help wanted

Need some help

  
invalid

Something is wrong

  
last-week-issue-to-fix

   
library

   
low-priority

   
needs input

Issue needs input from product owner or customer

  
needs review

issue is in need of review

  
not-implemented.

   
project documentation

   
question

More information is needed

  
research

   
reviewed

This Issue has been reviewed

  
Script

   
security

use this for security-related issues

  
SQL

  
style

   
Team 1

Team 1 is responsible for this issue

  
Team 2

Team 2 is responsible for this issue

  
team leaders

   
test-creation

   
testing

   
topLevel

Reserved for top-level, project-wide issues.

  
unassigned

   
Under-review

   
wontfix

This won't be fixed

No labels
_CRITICAL_
API
app
backEnd
Blocked-waiting-for-further-changes
bug
bug-only-on-server-for-mobile-not-webpage
Bug-Report-After-Merge
cleanup
close
design
duplicate
enhancement
feature request
frontEnd
further-changes-needed
future-problem-not-fixint-this-period
help wanted
invalid
last-week-issue-to-fix
library
low-priority
needs input
needs review
not-implemented.
project documentation
question
research
reviewed
Script
security
SQL
style
Team 1
Team 2
team leaders
test-creation
testing
topLevel
unassigned
Under-review
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
a24nedka
5 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Andras/BoundlessFlowCampus2K!565
No description provided.