I would like to request a feature in which we can either choose one of your provided image backgrounds or upload our own custom backgrounds for the new tabs.
For example, every time you get a new tab. The background image changes. There are some I prefer to use and some I do not. With this feature request, I would like the option to choose some of your backgrounds to permanently use as the new tab background image or upload custom images to the browser instead.
3 Likes
I would even like if you could change the background theme to any color you want when no background image is selected as I have a slow laptop and a little customizing never hurt anyone huh!
2 Likes
Need to have the ability to customize the background for work and personal.
Is there any progress on this topic? Really surprised that this is a āmissing optionā from the onset. Status?
3 Likes
This feature is being worked on presently:
opened 12:26AM - 13 Apr 21 UTC
OS/Desktop
feature/new-tab
priority/P3
## Description
On the new tab page, expose settings to allow users to customizā¦ e the new tab page with colors, gradients, Brave wallpapers, or their own images that they upload.
## Design and UX
Prototype link: https://www.figma.com/proto/FMuS3IZbzqzQTyRHz42Oix/Desktop-NTP?node-id=1016%3A90&viewport=607%2C480%2C0.1668190062046051&scaling=min-zoom&page-id=1016%3A89
![prototype](https://user-images.githubusercontent.com/2388823/114618748-94120580-9c5e-11eb-878b-683c12921353.gif)
The new feature includes a set of solid colors for users to choose from:
![image](https://user-images.githubusercontent.com/2388823/114616915-4c8a7a00-9c5c-11eb-84c8-2620c28f883c.png)
The new feature includes a set of gradients for users to choose from:
![image](https://user-images.githubusercontent.com/2388823/114616828-32509c00-9c5c-11eb-9506-70553d1e7f22.png)
### Sponsored images toggle
The sponsored images toggle is at the top level under Customize Dashboard > Background images. Users are able to have sponsored images on/off independently of whether they have their own uploaded background, a Brave background, solid color, or gradient background selected. When the user has Brave Ads off, it will prompt them to "Start using Rewards".
![image](https://user-images.githubusercontent.com/2388823/114618955-d63b4700-9c5e-11eb-90c4-31611d7b832a.png)
Once clicked, the Rewards onboarding tutorial will show.
![image](https://user-images.githubusercontent.com/2388823/114619070-fec34100-9c5e-11eb-9021-3ee6c1c922e5.png)
When the user visits the sponsored images toggle again, the "Start using Rewards" button will be hidden and it will inform them that they are earning tokens for seeing sponsored images.
![image](https://user-images.githubusercontent.com/2388823/114618987-e0f5dc00-9c5e-11eb-8956-1083f2022e37.png)
### Dark theme
Dark theme is supported:
![image](https://user-images.githubusercontent.com/2388823/114619436-6b3e4000-9c5f-11eb-9345-68b62ee20969.png)
![image](https://user-images.githubusercontent.com/2388823/114619444-6e393080-9c5f-11eb-9a16-1e25ffb05d99.png)
## Assets
Figma: https://www.figma.com/file/FMuS3IZbzqzQTyRHz42Oix/?node-id=900%3A32768
Some interaction states are not included in the above Figma file because they use our shared Brave button and toggle components. Refer to the component documentation.
- Buttons: https://www.figma.com/file/z9wmg2FCwuXx9FLbDo5avJ/Platform-UI-Brave-desktop?node-id=1011%3A0
- Toggles: https://www.figma.com/file/z9wmg2FCwuXx9FLbDo5avJ/Platform-UI-Brave-desktop?node-id=1051%3A128
3 Likes
Is there an expected release date to this? Also, can you also add a lot more background pictures as seeing the same ones repeatedly get boring to see.
1 Like
Iād like to add my support for this feature. Either a selectable image or a choice of colour. Iād also like it for the Home screen as well.
1 Like
Alfongp
January 30, 2022, 12:56am
8
necesito una opcion para poder poner en las ventanas nuevas un fondo de pantalla que puedas seleccionar tu la imagen
1 Like
Are we still waiting for this feature? Opera has had custom images for tabs for a while now. FFox probably does, but I havenāt opened FFox lately. Theyāre becoming a political organization rather than a tier one browser builder.
Cāmon, Brave. Donāt force us onto Opera just because custom images on new tabs is a low priority for you guys. Its rather important to your end users.
2 Likes
It just occurred to me that Brave must be earning money based on how many times an image is reproduced in the end users screen. That might explain the tone-deaf responses from Brave regarding custom images on new tabs.
2 Likes
And nearly one YEAR Brave still cannot figure out this perplexing coding problem?
2 Likes
Has this been integrated yet?
1 Like
Lord yes, the open-tab background usually splashes garish images in our faces. The only option I see to avoid that is a blank page, which is what I do. Something more calming would be a big step in the right direction.
1 Like
@MDickson The ability to add a custom background image was implemented in Brave Release 1.37.109 .
Added ability to add custom background images for New Tab Page. (#19640 )
How to Customize New Tab Page Images
By default there are some images (currently 15) other than NTP Ads that display in rotation on opening a NTP. Instead of rotating through background images, you can upload your own image to use as the default background on a NTP. Examples and instructions are available at this Brave GitHub issue report: https://github.com/brave/brave-browser/issues/19640
Solid colours and Gradients for the NTP are still in the works. You can track the status of the issue here: https://github.com/brave/brave-browser/issues/15252
Source: User Solutions: Brave Release 1.40.x - #3
Instructions:
Open a new-tab page
Click on Customize
on the lower right
Chose Upload from device
Update: Solid and gradient colors released in Nightly 1.45.x. The milestone in the issue report indicates it will be available in the Beta 1.44.x release. Version 1.44.x is currently schedule for release S09/27/2022 so wonāt be long until available in Release! Brave is still working on NTP/dashboard customizations. So, even more goodies to come!
brave:master
ā brave:solid-background-ntp
opened 07:43AM - 06 Jun 22 UTC
Give users an option to set solid color as their background for NTP.
Resolvā¦ es https://github.com/brave/brave-browser/issues/23255
## Submitter Checklist:
- [ ] I confirm that no security/privacy review [is needed](https://github.com/brave/brave-browser/wiki/Security-reviews), or that I have [requested](https://github.com/brave/security/issues/new/choose) one
- [x] There is a [ticket](https://github.com/brave/brave-browser/issues) for my issue
- [x] Used Github [auto-closing keywords](https://docs.github.com/en/github/managing-your-work-on-github/linking-a-pull-request-to-an-issue) in the PR description above
- [x] Wrote a good [PR/commit description](https://google.github.io/eng-practices/review/developer/cl-descriptions.html)
- [ ] Squashed any review feedback or "fixup" commits before merge, so that history is a record of what happened in the repo, not your PR
- [x] Added appropriate labels (`QA/Yes` or `QA/No`; `release-notes/include` or `release-notes/exclude`; `OS/...`) to the associated issue
- [x] Checked the PR locally: `npm run test -- brave_browser_tests`, `npm run test -- brave_unit_tests`, `npm run lint`, `npm run gn_check`, `npm run tslint`
- [ ] Ran `git rebase master` (if needed)
## Reviewer Checklist:
- [ ] A security review [is not needed](https://github.com/brave/brave-browser/wiki/Security-reviews), or a link to one is included in the PR description
- [ ] New files have MPL-2.0 license header
- [ ] Adequate test coverage exists to prevent regressions
- [ ] Major classes, functions and non-trivial code blocks are well-commented
- [ ] Changes in component dependencies are properly reflected in `gn`
- [ ] Code follows the [style guide](https://chromium.googlesource.com/chromium/src/+/HEAD/styleguide/c++/c++.md)
- [ ] Test plan is specified in PR before merging
## After-merge Checklist:
- [ ] The associated issue milestone is set to the smallest version that the
changes has landed on
- [ ] All relevant documentation has been updated, for instance:
- [ ] https://github.com/brave/brave-browser/wiki/Deviations-from-Chromium-(features-we-disable-or-remove)
- [ ] https://github.com/brave/brave-browser/wiki/Proxy-redirected-URLs
- [ ] https://github.com/brave/brave-browser/wiki/Fingerprinting-Protections
- [ ] https://github.com/brave/brave-browser/wiki/Brave%E2%80%99s-Use-of-Referral-Codes
- [ ] https://github.com/brave/brave-browser/wiki/Custom-Headers
- [ ] https://github.com/brave/brave-browser/wiki/Web-Compatibility-Exceptions-in-Brave
- [ ] https://github.com/brave/brave-browser/wiki/QA-Guide
- [ ] https://github.com/brave/brave-browser/wiki/P3A
## Test Plan:
* unit tests : npm run test brave_unit_tests -- --filter=*ViewCounter*
* Manual test:
1. Launch browser with empty profile
2. Click "customize" on right bottom side of NTP
3. Select "Solid colors"
4. Try switching NTP background with solid colors
Related Brave GitHub issue reports:
opened 12:26AM - 13 Apr 21 UTC
feature/new-tab
priority/P3
QA/Yes
release-notes/include
OS/Desktop
retention
## Description
On the new tab page, expose settings to allow users to customā¦ ize the new tab page with colors, gradients, Brave wallpapers, or their own images that they upload.
## Design and UX
Prototype link: https://www.figma.com/proto/FMuS3IZbzqzQTyRHz42Oix/Desktop-NTP?node-id=1016%3A90&viewport=607%2C480%2C0.1668190062046051&scaling=min-zoom&page-id=1016%3A89
![prototype](https://user-images.githubusercontent.com/2388823/114618748-94120580-9c5e-11eb-878b-683c12921353.gif)
The new feature includes a set of solid colors for users to choose from:
![image](https://user-images.githubusercontent.com/2388823/114616915-4c8a7a00-9c5c-11eb-84c8-2620c28f883c.png)
The new feature includes a set of gradients for users to choose from:
![image](https://user-images.githubusercontent.com/2388823/114616828-32509c00-9c5c-11eb-9506-70553d1e7f22.png)
### Sponsored images toggle
The sponsored images toggle is at the top level under Customize Dashboard > Background images. Users are able to have sponsored images on/off independently of whether they have their own uploaded background, a Brave background, solid color, or gradient background selected. When the user has Brave Ads off, it will prompt them to "Start using Rewards".
![image](https://user-images.githubusercontent.com/2388823/114618955-d63b4700-9c5e-11eb-90c4-31611d7b832a.png)
Once clicked, the Rewards onboarding tutorial will show.
![image](https://user-images.githubusercontent.com/2388823/114619070-fec34100-9c5e-11eb-9021-3ee6c1c922e5.png)
When the user visits the sponsored images toggle again, the "Start using Rewards" button will be hidden and it will inform them that they are earning tokens for seeing sponsored images.
![image](https://user-images.githubusercontent.com/2388823/114618987-e0f5dc00-9c5e-11eb-8956-1083f2022e37.png)
### Dark theme
Dark theme is supported:
![image](https://user-images.githubusercontent.com/2388823/114619436-6b3e4000-9c5f-11eb-9345-68b62ee20969.png)
![image](https://user-images.githubusercontent.com/2388823/114619444-6e393080-9c5f-11eb-9a16-1e25ffb05d99.png)
## Assets
Figma: https://www.figma.com/file/FMuS3IZbzqzQTyRHz42Oix/?node-id=900%3A32768
Some interaction states are not included in the above Figma file because they use our shared Brave button and toggle components. Refer to the component documentation.
- Buttons: https://www.figma.com/file/z9wmg2FCwuXx9FLbDo5avJ/Platform-UI-Brave-desktop?node-id=1011%3A0
- Toggles: https://www.figma.com/file/z9wmg2FCwuXx9FLbDo5avJ/Platform-UI-Brave-desktop?node-id=1051%3A128
## Sub tasks
- [x] [Use custom images for background](https://github.com/brave/brave-browser/issues/19640)
- [ ] Use custom solid/gradient colors for background
- [ ] Improve sponsored images toggle option
- [ ] Support multiple custom images uploading and shuffle randomly(or brave images together)
opened 07:56AM - 15 Jun 18 UTC
feature/new-tab
design
priority/P3
QA/No
release-notes/exclude
OS/Desktop
Currently, a randomly chosen image will as a background and there are "top site"ā¦ tiles being shown
Users should have the ability to:
- [x] turn off the background images https://github.com/brave/brave-browser/issues/4523
- [ ] if disabled, user should be able to customize the gradient or have a solid color (https://github.com/brave/brave-browser/issues/15252)
- [x] set your own background image https://github.com/brave/brave-browser/issues/19640
- [x] turn off the "top site" tiles https://github.com/brave/brave-browser/issues/4510
- [x] change the size or number of "top site" tiles being shown https://github.com/brave/brave-browser/issues/6619
- [x] be able to change what opening a new tab does https://github.com/brave/brave-browser/issues/2999
- [x] blank new tab page https://github.com/brave/brave-browser/issues/4509
- [x] Be able to edit and add "top sites" https://github.com/brave/brave-browser/issues/7493
(issue carried over from [browser-laptop](https://github.com/brave/browser-laptop/issues/7159))
1 Like
It still would be great if you could give us the option to SELECT one of your rotating images as a permanent background.
Absolutely agree. Have a strong dislike for the garish, geared-to-teenagers, AI generated āpicturesā. Brave: either give us the option to select one of your rotating images as a permanent background or the option to choose what KIND of images we see.
Agreed - why is it July of 2023 and we still donāt have this? So irritating!!
You could simply save the image you like and then set it as your NTP background image.