infrastructure
/
extensions-website
4
6
Fork 4
Code Issues 17 Pull Requests 1 Projects Wiki Activity

Implement Web Assets' theme system and selection, and add 'light' theme #118

Merged
Márton Lente merged 97 commits from martonlente/extensions-website:ui/theme-light into main 2024-05-08 14:20:07 +02:00
Conversation 0 Commits 97 Files Changed 6 +9 -3
Márton Lente commented 2024-05-06 18:54:30 +02:00
Owner
Copy Link

This pull request is based on #114. Merge the latter first.

This pull request will enable the theme system, and the optional light theme introduced in Web Assets v2. It resolves local contrast issues, and makes the necessary project-specific changes.

The theme remains dark by default, that users can set to either 'system-preferred' or 'light' respectively. User selection is stored in browser's local storage, and will prevail on next page loads.

See the mockups for reference:

extensions-website mockup BWA theme system
extensions-website mockup BWA theme system
extensions-website mockup BWA theme system
extensions-website mockup BWA theme system
extensions-website mockup BWA theme system

This pull request is work in progress.

This pull request is based on #114. Merge the latter first. This pull request will enable the theme system, and the optional light theme introduced in Web Assets v2. It resolves local contrast issues, and makes the necessary project-specific changes. The theme remains dark by default, that users can set to either 'system-preferred' or 'light' respectively. User selection is stored in browser's local storage, and will prevail on next page loads. See the mockups for reference: ![extensions-website mockup BWA theme system](https://projects.blender.org/attachments/d0029777-1e7f-4099-af98-23e2268ac446) ![extensions-website mockup BWA theme system](https://projects.blender.org/attachments/1f5f2e76-ffaa-4adf-8a04-17f2f26d282e) ![extensions-website mockup BWA theme system](https://projects.blender.org/attachments/0fa43dfe-382a-4971-af79-27e7f0709177) ![extensions-website mockup BWA theme system](https://projects.blender.org/attachments/52f51c0c-af28-4fca-9b2a-7658642a56ee) ![extensions-website mockup BWA theme system](https://projects.blender.org/attachments/cb7482bf-d559-487e-96da-b53b18fd6fff) This pull request is work in progress.
extensions-website-mockup-bwa-theme-system-3-min.jpeg
27 KiB
extensions-website-mockup-bwa-theme-system-5-min.jpeg
29 KiB
extensions-website-mockup-bwa-theme-system-1-min.jpeg
38 KiB
extensions-website-mockup-bwa-theme-system-4-min.jpeg
22 KiB
extensions-website-mockup-bwa-theme-system-2-min.jpeg
51 KiB
Márton Lente added 55 commits 2024-05-06 18:54:34 +02:00
f7f84aeeeb Chore: Run post web-assets v2 upgrade script bash helper units conversion and cleanup 
Run post web-assets v2 upgrade script bash helper for converting sizes and units to new rem sizing, and implement 4 px based sizing.
1b808dfc39 UI: Implement web-assets v2 theme switcher 
Implement web-assets v2 theme switcher, and initialize a light-theme for the UI.
7a06add6f0 Refactor: Change template and style component card to web-assets base 
Refactor template card to use web-assets component markup and styles.
0eb26e7fa8 Refactor: Cleanup and remove post web-assets v2 upgrade project styles ext-card 
Cleanup and remove redundant project-specific styles ext-card after web-assets v2 upgrade.
945848af63 Refactor: Organize style post web-assets v2 upgrade partials 
Refactor and organize style partials and rules after web-assets v2 upgrade.
f4e4ee9459 Refactor: Change post web-assets v2 upgrade explicit size values to variable based sizing 
Change post web-assets v2 upgrade explicit size values to variable based sizing for modularity.
a4ad95e2a7 Fix: Fix template abusereport_detail status badges display 
Fixes Abuse Report status in detail page looked like an alert, not a badge.
71ea4889d8 UI: Improve template users tabs and and nav pills styles 
Improve template users tabs and and nav pills styles to match UI patterns that are present in Web Assets.
Márton Lente added 35 commits 2024-05-07 12:05:44 +02:00
4b274407c5 UI: Add js app function agreeWithTerms 
Add JavaScript app function agreeWith terms to enable button submit if agree with terms button is checked.
566368a421 Basic email template for notifications (#96) 
Based on the proposal #93

Email subjects change to the following:

```
Add-on approved: "Genuinely Disgusting"
New comment on Add-on "Genuinely Disgusting"
Add-on rated: "Genuinely Disgusting"
Add-on reported: "Genuinely Disgusting"
Add-on rating reported: "Genuinely Disgusting"
Add-on changes requested: "Genuinely Disgusting"
Add-on review requested: "Genuinely Disgusting"
```

Notification emails can also be viewed in the admin `Email previews` section (with fake objects constructed and passed into email template contexts).

Indicating why the email was sent is not in this change because we currently don't store why **precisely** (can only guess it's either because of `moderators` group or extension follow, the state of either can change after the notification was generated). This can be part of the `Notification` records however, after that the reason can be included in the email.

Reviewed-on: #96
Reviewed-by: Oleg-Komarov <oleg-komarov@noreply.localhost>
84ba9c7c9f Fix KeyError: 'type' for extensions without meaningful statuses in approval queue 
Normally this shouldn't happen, but due to an incomplete data migration #94
we currently have extensions that have only CMT items and miss the AWR one.
def0943c44 UI: Add templates components form fields placeholders 
Add templates components form fields placeholders. Placeholder texts' are as specific as possible based on templates' architecture (so that shared fields have generic placeholder texts).
Márton Lente added 1 commit 2024-05-07 12:11:25 +02:00
Márton Lente added 1 commit 2024-05-07 12:34:31 +02:00
Márton Lente added 1 commit 2024-05-07 12:42:28 +02:00
abc44fd83d UI: Improve component hero style text is-flatpage 
Improve component hero styles when the component is applied on a flatpage. This reolves contrast issues with dark and light themes too.
Márton Lente added 1 commit 2024-05-07 12:51:29 +02:00
0bffac51a9 UI: Change component list filter bg colour 
Change component list filter background colour for better contrast with dark and light themes.
Márton Lente added 1 commit 2024-05-07 13:10:25 +02:00
58c6497039 UI: Map style component stars bg colour to design system colour 
Map style component stars bg colour to design system colour so that it improves consistency, and work with both dark and light themes.
Márton Lente changed title from WIP: Implement Web Assets' theme system and selection, and add 'light' theme to Implement Web Assets' theme system and selection, and add 'light' theme 2024-05-07 14:59:14 +02:00
Márton Lente added 1 commit 2024-05-08 14:05:01 +02:00
Márton Lente added 1 commit 2024-05-08 14:09:16 +02:00
Márton Lente merged commit 9300b78c70 into main 2024-05-08 14:20:07 +02:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels   
Priority
Critical
The priority is critical

  
Priority
High
The priority is high

  
Priority
Low
The priority is low

  
Priority
Normal
The priority is medium

  
Reviewed
Confirmed
Issue has been confirmed

  
Reviewed
Duplicate
This issue or pull request already exists

  
Reviewed
Invalid
Invalid issue

  
Reviewed
Won't Fix
This issue won't be fixed

  
Status
Abandoned
Somebody has started to work on this but abandoned work

  
Status
Blocked
Something is blocking this issue or pull request

  
Status
Need More Info
Feedback is required to reproduce issue or to continue work

  
Type
Breaking
Breaking change that won't be backward compatible

  
Type
Documentation
Documentation changes

  
Type
Enhancement
Improve existing functionality

  
Type
Feature
New functionality

  
Type
Report
Something is not working

  
Type
Security
This is security issue

  
Type
Suggestion
New ideas and proposals

  
Type
Testing
Issue or pull request related to testing

No Label
Priority
Critical
Priority
High
Priority
Low
Priority
Normal
Reviewed
Confirmed
Reviewed
Duplicate
Reviewed
Invalid
Reviewed
Won't Fix
Status
Abandoned
Status
Blocked
Status
Need More Info
Type
Breaking
Type
Documentation
Type
Enhancement
Type
Feature
Type
Report
Type
Security
Type
Suggestion
Type
Testing
Milestone
Clear milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
1 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: infrastructure/extensions-website#118
No description provided.
Delete Branch "martonlente/extensions-website:ui/theme-light"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?