Forums
New posts
Search forums
News
Security News
Technology News
Giveaways
Giveaways, Promotions and Contests
Discounts & Deals
Reviews
Users Reviews
Video Reviews
Support
Windows Malware Removal Help & Support
Inactive Support Threads
Mac Malware Removal Help & Support
Mobile Malware Removal Help & Support
Blog
Log in
Register
What's new
Search
Search titles only
By:
Search titles only
By:
Reply to thread
Menu
Install the app
Install
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Forums
Software
Browsers
Opera
Opera One R2 introduces dynamic Themes
Message
<blockquote data-quote="Santiago Benavides García" data-source="post: 1098389"><p>Earlier this summer we introduced <a href="https://blogs.opera.com/news/2024/06/opera-unveils-opera-one-r2-in-developer/" target="_blank">Opera One R2</a> into the Developer stream. The first major update to Opera One brought a specific focus on multimedia playback, tab management, and innovative design. Today we’re excited to introduce dynamic Themes, a new feature now available in the <a href="https://www.opera.com/one/early-access" target="_blank">Developer stream</a> of Opera One R2. </p><p></p><p>You have been requesting color themes for quite some time now. We took this on board and decided to go even further with this update. </p><p></p><p>The new <em>Themes</em> bring more than just a change to the UI colors or a new background image – they let you alter the entire <em>Theme</em> of your browser, including animated backgrounds, UI colors, browser sounds, and more! With this first Developer release you can choose between three new Themes:<em> Classic, Aurora, </em>and <em>Polar Winds</em>.</p><p></p><p>The new dynamic Themes are built using the Shaders technology and are rendered using your device’s GPU. You can configure each Theme using the configuration page’s multi-dimensional color picker – meaning you can play with endless combinations to find your favorites. The tool also lets you change the overall intensity of the background animation’s movement. Themes also now support Browser sounds like keyboard and animation sound effects, that you can configure as you like. </p><p></p><p>And, if you don’t feel like changing your browser so drastically just yet, the Classic Theme allows you to change the UI colors, and choose any wallpaper you want. So if you’re more on the traditional side, you can keep your Opera browser looking as elegant as always. </p><p></p><p><img src="https://lh7-qw.googleusercontent.com/docsz/AD_4nXcWd4FXBZtCJgOsQU99mvGMaEX1l-tA2ooRIIkvuA1bwD04svv5CM52VI3kI33YautpS33OVxoASJ65sYr_mVtQQL28ti7URyD1P_iPt5SG0dNtiW0Edn5EO0p1-E3J9JJ1Aq31w_iBb4hQZFHOnEkD0S0?key=mn2Z-3d3YRxxvLlT9wfNpA" alt="Opere One R2 browser with the Polar Winds Theme." class="fr-fic fr-dii fr-draggable " style="" /></p><h2>The technical side of Themes: change the looks, keep the performance</h2><p></p><p>So how do the new dynamic Themes work? When you choose an animated Theme, you’re effectively running a <em>shader</em> in the browser. A shader is a specialized program designed to calculate the color of each pixel in your screen, creating visual effects. Shaders are optimized to run on your graphics processor – be it a dedicated GPU or your CPU’s integrated graphics. </p><p></p><p>We’ve developed Themes to tax your system as little as possible, and we’ve optimized them so that they can run on your computer while keeping the temperature cool. It’s worth noting that the Classic Theme doesn’t have shaders and has zero impact on performance. We are, however, very much looking forward to getting feedback on how the new Themes perform on your various setups so we can tune this further. </p><p></p><h2>Setting up your favorite Theme step by step</h2><h3>Step 1: Download Opera Developer</h3> <ul> <li data-xf-list-type="ul">To get you started with the new Themes, the first thing you need to do is download <a href="https://www.opera.com/one/early-access" target="_blank">Opera Developer</a>. </li> </ul><h3>Step 2: Open Easy Setup Menu</h3> <ul> <li data-xf-list-type="ul">Once you’ve installed it, open it up and go to the “Easy Setup” menu on the right-hand side of your address bar, denoted by this icon: <img src="https://lh7-qw.googleusercontent.com/docsz/AD_4nXfO0gUiW5puJ3e0jhf7lr4kZbVdOx5ut2QSYZ17TbuJsenm_L95Gmg6HUpOKvn_sgiJv7iSWWN_PAjVF5UD7ga-qB45Em9Jn8C1HPXnqL_67R7BhTgLsFJSJd8sA06WeGwu7u1a1VHDux089luPjTAP7u0?key=mn2Z-3d3YRxxvLlT9wfNpA" alt="" class="fr-fic fr-dii fr-draggable " style="" />. It’s your access point to Themes and its configuration menu. </li> </ul><p><img src="https://lh7-qw.googleusercontent.com/docsz/AD_4nXc0n1CzyKk6tFWrJ6yM01wdCyvqm0sjKbSkCaQVhekXtiZL1pMrOgGM0eDpXlOX3aaJjNL0YLZtghA7I1mAE4IKu96q1MPW6swb3HkUsSlA_AfhIlJvEZsZ4fyvAga6z0mRi1qCF_aXRIKJzgfqacXui6V_?key=mn2Z-3d3YRxxvLlT9wfNpA" alt="Easy Setup Menu as seen from the Classic Theme." class="fr-fic fr-dii fr-draggable " style="" /></p><h3>Step 3: Choose your Theme</h3> <ul> <li data-xf-list-type="ul">After opening the Easy Setup menu, click the “Choose Theme” button; this will lead you to the Themes Gallery where you can see everything that’s available. Then, you can pick from the <em>Classic</em>, <em>Aurora</em>, or <em>Polar Winds</em> Themes – more Themes will be added in the future! </li> </ul> <ul> <li data-xf-list-type="ul">Not all the Themes are the same:<ul> <li data-xf-list-type="ul">The “Classic” Theme allows you to set any wallpaper you want and change the UI’s color.</li> <li data-xf-list-type="ul">The “Aurora” Theme is a soft and dazzling animation available in dark mode, inspired by the Northern lights of Norway – where we’re making Opera!</li> <li data-xf-list-type="ul">The “Polar Winds” Theme comes available in light mode and includes an animated background that also changes the look of the UI, as well as browser and keyboard sounds.</li> </ul></li> </ul><p><img src="https://lh7-qw.googleusercontent.com/docsz/AD_4nXesY7DWN4Sozl-WFf8xSDeVrz8DFs5dwtx_yJGWV7hU04P8FxV_EW1HFYUMia8RhfEerxx3MxGsbb23YZEvIprlGQlaFimKUc1egk5-KQG-24TVx67jnaV_L2ah-G4C-DqoXSxvSlCWVHl01xC2UtPkKgQ?key=mn2Z-3d3YRxxvLlT9wfNpA" alt="Theme selector menu in Opera One R2." class="fr-fic fr-dii fr-draggable " style="" /></p><h3>Step 4: Editing your Theme to suit your vibe</h3> <ul> <li data-xf-list-type="ul">After choosing the Theme you want you’ll be able to edit it in the configuration page that will appear.<br /> </li> <li data-xf-list-type="ul">Additionally, you can choose to have browser sounds if you want. They refer to:<ul> <li data-xf-list-type="ul">Keyboard sounds when you type something within the browser.</li> <li data-xf-list-type="ul">Browser sounds for actions like opening or closing a tab.</li> </ul></li> </ul><p><img src="https://lh7-qw.googleusercontent.com/docsz/AD_4nXf0pIXvmbbIsVIBfmOLFfAS6fDz-6_wzXPs-xsRdS5qfC7HyUVOxd-O6VMqgOmIegk9GLTL_Vk8B4X227iKooGH-NFcq_546Hsl0zqKsbKfogSZW8McT-nrwQnt9yByRly6799BWdt51x28Up9lB1mtGH-D?key=mn2Z-3d3YRxxvLlT9wfNpA" alt="Configuration Page of the Polar Wind Theme showcasing the multi-dimensional color picker." class="fr-fic fr-dii fr-draggable " style="" /></p><ul> <li data-xf-list-type="ul">You can also edit the Theme to better suit your personal vibes. To do so, use the color picker to the right of the configuration page, and then move the color picker up and down to choose the color palette, or left and right to set the intensity you want.</li> </ul><h3>Step 5: Set Theme</h3> <ul> <li data-xf-list-type="ul">After choosing your favorite Theme and editing it through the configuration page, you simply need to press the “Set Theme” button and your browser will be looking better than ever.</li> </ul><p><img src="https://lh7-qw.googleusercontent.com/docsz/AD_4nXcwQib0FHJaqbnAasl1dc9V_GrG0rfYGmAe3kaPHtCR_VZTSB7JOlU2KA3fEhCxhkxWeiP3iASt2kunNxbsPV0QfJkNU3LeFPnR_XfvYlnKF-ibxGkJOUCjADqwmT_1D_hAMbkGpiVSocOFr0CuBiMiybw?key=mn2Z-3d3YRxxvLlT9wfNpA" alt="Polar Wind Theme is displayed." class="fr-fic fr-dii fr-draggable " style="" /></p><h2>Switch between saved Themes and edit them</h2><p></p><p>Opera One R2 saves your previous Theme configurations and displays them as “tiles” in the Easy Setup menu that you can choose from at any time. You’ll see the current one and the previous two Themes you used as “tiles” in the Easy Setup menu. Click on any of the three Themes displayed in the tiles to quickly swap between them. </p><p></p><p><img src="https://lh7-qw.googleusercontent.com/docsz/AD_4nXdVGVxqb27m1Aa82t4Pav_mLdKuQqZxqH7VU9uR9diorB5PIRqZaMGBs4FxsZlYwcdr7kYq-bry7-kKpfEX6IKoHr_0hKKrk_6Yk6YIu3WD1pbgOry2VdTAL-qXvlE-gPq1fIihLlUDJxwP1rBphymvcIPR?key=mn2Z-3d3YRxxvLlT9wfNpA" alt="Easy Setup menu allows you to change between Themes easily." class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>You can also switch between the last ten Theme configurations using the shortcut “<strong>alt</strong> + <strong>shift</strong> + <strong>T</strong>” on Windows, or “<strong>Option</strong> + <strong>shift</strong> + <strong>T</strong>” on Mac. This means that you can set up your ten wildest looks for Opera, and then switch between them depending on the mood you’re in – now, that’s a dynamic browser!</p><p></p><p>Once in the Easy Setup menu, quickly edit your currently active Theme by hovering over the tile in which it’s displayed and click on “Edit Theme.” This will take you back to the Theme’s configuration page.</p><p></p><p><img src="https://lh7-qw.googleusercontent.com/docsz/AD_4nXcxXJlYnqfbwZuQeK28XXZoRAMXzAsgSw1L9kiGlrc8VIu4gLlV4OREUvTDfePUF3_ytYvImqmIwAWdxEDo9wTXytUSJImqFNNw2mE80CV9DhkP6svA070sOQ-rdCtQeOhcJPFk21r_8167_VVqehL8t6E?key=mn2Z-3d3YRxxvLlT9wfNpA" alt="You can edit your currently active Theme in the Easy Setup menu by hoverin over it and clicking Edit Theme." class="fr-fic fr-dii fr-draggable " style="" /></p><h2>Make your browser feel unique</h2><p></p><p>Themes is a feature that brings more than just a pinch of customization to Opera One R2 – it completely overhauls the way in which the browser looks and feels. But only, of course, if you choose to.</p><p></p><p>This feature is being first released in the Developer stream of the Opera browser which you can download <a href="https://www.opera.com/one/early-access" target="_blank">here</a>.</p><p></p><p>To learn more about this update’s details: check out the desktop update <a href="https://blogs.opera.com/desktop/2024/08/opera-114-0-5263-0-developer-update/" target="_blank">blog post</a> and the full <a href="https://blogs.opera.com/desktop/changelog-for-114/" target="_blank">changelog</a>.</p><p></p><p>Source: <a href="https://blogs.opera.com/desktop/2024/08/opera-one-r2-browser-introduces-themes/" target="_blank">Opera One R2 introduces dynamic Themes</a></p></blockquote><p></p>
[QUOTE="Santiago Benavides García, post: 1098389"] Earlier this summer we introduced [URL='https://blogs.opera.com/news/2024/06/opera-unveils-opera-one-r2-in-developer/']Opera One R2[/URL] into the Developer stream. The first major update to Opera One brought a specific focus on multimedia playback, tab management, and innovative design. Today we’re excited to introduce dynamic Themes, a new feature now available in the [URL='https://www.opera.com/one/early-access']Developer stream[/URL] of Opera One R2. You have been requesting color themes for quite some time now. We took this on board and decided to go even further with this update. The new [I]Themes[/I] bring more than just a change to the UI colors or a new background image – they let you alter the entire [I]Theme[/I] of your browser, including animated backgrounds, UI colors, browser sounds, and more! With this first Developer release you can choose between three new Themes:[I] Classic, Aurora, [/I]and [I]Polar Winds[/I]. The new dynamic Themes are built using the Shaders technology and are rendered using your device’s GPU. You can configure each Theme using the configuration page’s multi-dimensional color picker – meaning you can play with endless combinations to find your favorites. The tool also lets you change the overall intensity of the background animation’s movement. Themes also now support Browser sounds like keyboard and animation sound effects, that you can configure as you like. And, if you don’t feel like changing your browser so drastically just yet, the Classic Theme allows you to change the UI colors, and choose any wallpaper you want. So if you’re more on the traditional side, you can keep your Opera browser looking as elegant as always. [IMG alt="Opere One R2 browser with the Polar Winds Theme."]https://lh7-qw.googleusercontent.com/docsz/AD_4nXcWd4FXBZtCJgOsQU99mvGMaEX1l-tA2ooRIIkvuA1bwD04svv5CM52VI3kI33YautpS33OVxoASJ65sYr_mVtQQL28ti7URyD1P_iPt5SG0dNtiW0Edn5EO0p1-E3J9JJ1Aq31w_iBb4hQZFHOnEkD0S0?key=mn2Z-3d3YRxxvLlT9wfNpA[/IMG] [HEADING=1]The technical side of Themes: change the looks, keep the performance[/HEADING] So how do the new dynamic Themes work? When you choose an animated Theme, you’re effectively running a [I]shader[/I] in the browser. A shader is a specialized program designed to calculate the color of each pixel in your screen, creating visual effects. Shaders are optimized to run on your graphics processor – be it a dedicated GPU or your CPU’s integrated graphics. We’ve developed Themes to tax your system as little as possible, and we’ve optimized them so that they can run on your computer while keeping the temperature cool. It’s worth noting that the Classic Theme doesn’t have shaders and has zero impact on performance. We are, however, very much looking forward to getting feedback on how the new Themes perform on your various setups so we can tune this further. [HEADING=1]Setting up your favorite Theme step by step[/HEADING] [HEADING=2]Step 1: Download Opera Developer[/HEADING] [LIST] [*]To get you started with the new Themes, the first thing you need to do is download [URL='https://www.opera.com/one/early-access']Opera Developer[/URL]. [/LIST] [HEADING=2]Step 2: Open Easy Setup Menu[/HEADING] [LIST] [*]Once you’ve installed it, open it up and go to the “Easy Setup” menu on the right-hand side of your address bar, denoted by this icon: [IMG]https://lh7-qw.googleusercontent.com/docsz/AD_4nXfO0gUiW5puJ3e0jhf7lr4kZbVdOx5ut2QSYZ17TbuJsenm_L95Gmg6HUpOKvn_sgiJv7iSWWN_PAjVF5UD7ga-qB45Em9Jn8C1HPXnqL_67R7BhTgLsFJSJd8sA06WeGwu7u1a1VHDux089luPjTAP7u0?key=mn2Z-3d3YRxxvLlT9wfNpA[/IMG]. It’s your access point to Themes and its configuration menu. [/LIST] [IMG alt="Easy Setup Menu as seen from the Classic Theme."]https://lh7-qw.googleusercontent.com/docsz/AD_4nXc0n1CzyKk6tFWrJ6yM01wdCyvqm0sjKbSkCaQVhekXtiZL1pMrOgGM0eDpXlOX3aaJjNL0YLZtghA7I1mAE4IKu96q1MPW6swb3HkUsSlA_AfhIlJvEZsZ4fyvAga6z0mRi1qCF_aXRIKJzgfqacXui6V_?key=mn2Z-3d3YRxxvLlT9wfNpA[/IMG] [HEADING=2]Step 3: Choose your Theme[/HEADING] [LIST] [*]After opening the Easy Setup menu, click the “Choose Theme” button; this will lead you to the Themes Gallery where you can see everything that’s available. Then, you can pick from the [I]Classic[/I], [I]Aurora[/I], or [I]Polar Winds[/I] Themes – more Themes will be added in the future! [/LIST] [LIST] [*]Not all the Themes are the same: [LIST] [*]The “Classic” Theme allows you to set any wallpaper you want and change the UI’s color. [*]The “Aurora” Theme is a soft and dazzling animation available in dark mode, inspired by the Northern lights of Norway – where we’re making Opera! [*]The “Polar Winds” Theme comes available in light mode and includes an animated background that also changes the look of the UI, as well as browser and keyboard sounds. [/LIST] [/LIST] [IMG alt="Theme selector menu in Opera One R2."]https://lh7-qw.googleusercontent.com/docsz/AD_4nXesY7DWN4Sozl-WFf8xSDeVrz8DFs5dwtx_yJGWV7hU04P8FxV_EW1HFYUMia8RhfEerxx3MxGsbb23YZEvIprlGQlaFimKUc1egk5-KQG-24TVx67jnaV_L2ah-G4C-DqoXSxvSlCWVHl01xC2UtPkKgQ?key=mn2Z-3d3YRxxvLlT9wfNpA[/IMG] [HEADING=2]Step 4: Editing your Theme to suit your vibe[/HEADING] [LIST] [*]After choosing the Theme you want you’ll be able to edit it in the configuration page that will appear. [*]Additionally, you can choose to have browser sounds if you want. They refer to: [LIST] [*]Keyboard sounds when you type something within the browser. [*]Browser sounds for actions like opening or closing a tab. [/LIST] [/LIST] [IMG alt="Configuration Page of the Polar Wind Theme showcasing the multi-dimensional color picker."]https://lh7-qw.googleusercontent.com/docsz/AD_4nXf0pIXvmbbIsVIBfmOLFfAS6fDz-6_wzXPs-xsRdS5qfC7HyUVOxd-O6VMqgOmIegk9GLTL_Vk8B4X227iKooGH-NFcq_546Hsl0zqKsbKfogSZW8McT-nrwQnt9yByRly6799BWdt51x28Up9lB1mtGH-D?key=mn2Z-3d3YRxxvLlT9wfNpA[/IMG] [LIST] [*]You can also edit the Theme to better suit your personal vibes. To do so, use the color picker to the right of the configuration page, and then move the color picker up and down to choose the color palette, or left and right to set the intensity you want. [/LIST] [HEADING=2]Step 5: Set Theme[/HEADING] [LIST] [*]After choosing your favorite Theme and editing it through the configuration page, you simply need to press the “Set Theme” button and your browser will be looking better than ever. [/LIST] [IMG alt="Polar Wind Theme is displayed."]https://lh7-qw.googleusercontent.com/docsz/AD_4nXcwQib0FHJaqbnAasl1dc9V_GrG0rfYGmAe3kaPHtCR_VZTSB7JOlU2KA3fEhCxhkxWeiP3iASt2kunNxbsPV0QfJkNU3LeFPnR_XfvYlnKF-ibxGkJOUCjADqwmT_1D_hAMbkGpiVSocOFr0CuBiMiybw?key=mn2Z-3d3YRxxvLlT9wfNpA[/IMG] [HEADING=1]Switch between saved Themes and edit them[/HEADING] Opera One R2 saves your previous Theme configurations and displays them as “tiles” in the Easy Setup menu that you can choose from at any time. You’ll see the current one and the previous two Themes you used as “tiles” in the Easy Setup menu. Click on any of the three Themes displayed in the tiles to quickly swap between them. [IMG alt="Easy Setup menu allows you to change between Themes easily."]https://lh7-qw.googleusercontent.com/docsz/AD_4nXdVGVxqb27m1Aa82t4Pav_mLdKuQqZxqH7VU9uR9diorB5PIRqZaMGBs4FxsZlYwcdr7kYq-bry7-kKpfEX6IKoHr_0hKKrk_6Yk6YIu3WD1pbgOry2VdTAL-qXvlE-gPq1fIihLlUDJxwP1rBphymvcIPR?key=mn2Z-3d3YRxxvLlT9wfNpA[/IMG] You can also switch between the last ten Theme configurations using the shortcut “[B]alt[/B] + [B]shift[/B] + [B]T[/B]” on Windows, or “[B]Option[/B] + [B]shift[/B] + [B]T[/B]” on Mac. This means that you can set up your ten wildest looks for Opera, and then switch between them depending on the mood you’re in – now, that’s a dynamic browser! Once in the Easy Setup menu, quickly edit your currently active Theme by hovering over the tile in which it’s displayed and click on “Edit Theme.” This will take you back to the Theme’s configuration page. [IMG alt="You can edit your currently active Theme in the Easy Setup menu by hoverin over it and clicking Edit Theme."]https://lh7-qw.googleusercontent.com/docsz/AD_4nXcxXJlYnqfbwZuQeK28XXZoRAMXzAsgSw1L9kiGlrc8VIu4gLlV4OREUvTDfePUF3_ytYvImqmIwAWdxEDo9wTXytUSJImqFNNw2mE80CV9DhkP6svA070sOQ-rdCtQeOhcJPFk21r_8167_VVqehL8t6E?key=mn2Z-3d3YRxxvLlT9wfNpA[/IMG] [HEADING=1]Make your browser feel unique[/HEADING] Themes is a feature that brings more than just a pinch of customization to Opera One R2 – it completely overhauls the way in which the browser looks and feels. But only, of course, if you choose to. This feature is being first released in the Developer stream of the Opera browser which you can download [URL='https://www.opera.com/one/early-access']here[/URL]. To learn more about this update’s details: check out the desktop update [URL='https://blogs.opera.com/desktop/2024/08/opera-114-0-5263-0-developer-update/']blog post[/URL] and the full [URL='https://blogs.opera.com/desktop/changelog-for-114/']changelog[/URL]. Source: [URL="https://blogs.opera.com/desktop/2024/08/opera-one-r2-browser-introduces-themes/"]Opera One R2 introduces dynamic Themes[/URL] [/QUOTE]
Insert quotes…
Verification
Post reply
Top
