For the upcoming Ubuntu 22.04 release, the Yaru developers are removing the aubergine (eggplant) color from the default Ubuntu theme, replacing it with orange, since libadwaita will only allow Ubuntu to use one accent color.
The work for this has already started, with orange now being used throughout the Yaru GTK and GNOME Shell theme for every element that was previously aubergine – sliders, switches, checkboxes, etc. What’s more, the orange from the window close button was also removed, I assume also due to libadwaita.
This is how Yaru GTK light and dark themes look right now (from Git), after replacing aubergine with orange:
Previously (this is the theme used in Ubuntu 21.10), with both aubergine and orange accent colors, the theme looked like this – also notice the close button differences:
Some icons have also been recolored to use orange instead of aubergine, like the GNOME Tweaks (you can see the new Tweaks icon in the screenshot at the top of the article, on the left dock) and speaker icons.
For now, the folder icons continue to use aubergine, and they might stay like this in the future. The same goes for the desktop wallpaper. As for the login screen background, I couldn’t find any information about it.
If you want to give this a try, you’ll need to build the latest Yaru from git.
What do you think? Do you like the theme with both orange and aubergine accents, or the new orange-only accent?
https://codecubit.com/wp-content/uploads/2022/05/logo340x156.svg00RoboLinuxhttps://codecubit.com/wp-content/uploads/2022/05/logo340x156.svgRoboLinux2022-08-10 14:26:222022-08-10 14:26:46Ubuntu Yaru Theme To Lose Its Aubergine Accent Color For Ubuntu 22.04 Jammy Jellyfish
Colors and animations are widely used on websites built by HTML scripting to make them more pleasing and aesthetic. Sometimes, these colors could be seen quickly changing at some element of HTML. This would happen because of the use of “setInterval” functions. Some of you may have thought about randomly changing the colors of HTML elements while doing HTML scripting. You may have thought about some pure way to do that but could not find the solution. If so, this article is for you to gain expertise on changing the color of any element of HTML randomly.
Example # 01
Another variable, “random_color”, has been used to get the random color from the “Col” array by applying the “floor” and “random” functions of the Math library. Whatever the “floor” value has been calculated, it would be used to get the random color from the specific index of this array. The ID “pick” of heading 2 for this HTML file has been used to get the ID and saved to the variable “x”. After that, the style attribute “color” was applied to the variable “x” to randomly color heading 2 using the “random_color” variable. This is it about this code. Let’s save it and run it with the “Run” menu.
The output in the Chrome browser is shown in the following image. It shows two headings followed by a simple button. The first heading is static, while the second heading has been used to randomly change its color whenever a user taps on the button.
Before tapping the button, the color of the heading was red. After tapping on it, it turns out as shown below, i.e., light orange:
Again tapping on the button, the color of the heading turns yellow.
Tapping on the button merienda again changes the color of the heading to green.
Like this, each tap on the button would randomly change the color of a heading, i.e., blue, green, yellow, etc.
Example # 02
Let’s get started with the advanced example of randomly changing the color of some element from the HTML file. We have created an HTML file that will randomly change the color of some headings after each second without using any button or tapping on the section. Also, we will be creating a random “div” section and filling it with any random color upon clicking on any area of the HTML page. We suggest you read the explanation for the “body” tag first and then go through this section of the HTML page explanation. The HTML file started with the style tag to color the different HTML elements on this webpage. The “#color” ID has been used to set the width and height of the “smallest” input “div” to 10em and 6em, respectively. The heading 1, heading 4, and paragraph font family have been set to sans-serif. The text has been aligned to the center. While the “box” class has been specified to set the width, height, align-items, and justify-content property for the second “div” section to 100%, 33vh, center, and center, respectively. The styling has been done here:
This would be applied to the inner “div” section of the second “div” element of the body to randomly change the color of a “div” box. The function “rgbColor” has been used to initialize the value for red, green, and blue colors while using the previous “randomNumber” function.
Th randomHexaDecimalColorString() function would be getting the value for the red, green, and blue combination using the “toString” and “padStart” function and return to its calling function. The changeColorRandomly() function is again using the randomHexaDecimalColorString() function to change the color of a box according to the color number specified by the ID “text”. The “clickHandler” function is used to randomly change the color of a box when clicked on anywhere in the section.
The HTML “body” tag contains the inline styling to align the text. It contains the center via the use of the “text-align” property. We have two main “div” elements to divide the page into 2 sections. The first one contains the ID “automóvil” for differentiation, while the other one contains the class “box”. The first “div” section only contains a single heading of size 1 with its unique heading title. The other “div” section contains another “div” in it that has been using the “p” HTML element to add the paragraph of 1 line and the “input” tag element to get the color ID as input and change the color of this “div” according to that.
Along with that, the h4 heading of this “div” section would use the ID “text” to randomly change the color number with each click on the HTML page. Let’s save and run the following code:
The first heading would change its color after each millisecond. While clicking on the HTML page’s second “div” section, the box will also change its color randomly.
This is about using simple techniques to randomly change the color of some HTML elements without hard work. In our examples, we have tried to cover the use of the “pickColor” function to randomly pick one color from an array and apply it to the specific element. We have been attempting to implement the function setInterval() to instantly change the color of a specific element without tapping somewhere on the HTML screen, i.e., automatic color change.
https://codecubit.com/wp-content/uploads/2022/08/word-image-200132-1.png4251148RoboLinuxhttps://codecubit.com/wp-content/uploads/2022/05/logo340x156.svgRoboLinux2022-08-01 18:00:562022-08-01 18:02:28CSS Random Color
The colors in life, either in nature or in front of the computer screen, have a great effect on the human mind as they can change the mood from dull to energetic and also from energetic to dull. If you are an Ubuntu user, then you can observe the default color of the folder icons present in different directories is blackish or sometimes purple color, as shown in the image below:
In this write-up, we will discover the method by which we can change the color of the folder colors in the new release of Ubuntu 22.04.
How to change the folder color in Ubuntu 22.04
To change the color of the folders in Ubuntu, we have to add the PPA repository of the package of Yaru-color-theme to the default repository list of the Ubuntu:
Now we will quit the file manager “nautilus” by using the flag “q”:
When the package is installed successfully, we can navigate to any directory and right-click on any folder, for example, we will right-click on the “object” folder, and context menu will appear, choose the “Folder’s Color” option:
Another list will be open containing different colors, choose the color you want to set on the folder, for example, we have chosen the green color:
The color of the “object” folder has changed to green color:
Similarly, you can change the color of any folder to any other color.
If you are bored with the default look of Ubuntu, then you can change the color of the folders. In this guide, we have provided the method of changing the colors of folders of Ubuntu by simply installing the folder-color package, after installing it folder colors can be changed to any color.
https://codecubit.com/wp-content/uploads/2022/06/How-to-Change-Folder-Color-in-Ubuntu-22.04-1.png330616RoboLinuxhttps://codecubit.com/wp-content/uploads/2022/05/logo340x156.svgRoboLinux2022-06-01 15:40:462022-06-01 16:02:14How to Change Folder Color in Ubuntu 22.04
Possiamo richiedere l'impostazione di cookie sul vostro dispositivo. Utilizziamo i cookie per sapere quando visitate i nostri siti web, come interagite con noi, per arricchire la vostra esperienza utente e per personalizzare il vostro rapporto con il nostro sito.
Per saperne di più, cliccate sui titoli delle diverse categorie. È inoltre possibile modificare alcune preferenze. Si noti che il blocco di alcuni tipi di cookie può influire sulla vostra esperienza sui nostri siti web e sui servizi che siamo in grado di offrire.
Cookie essenziali per il sito web
Questi cookie sono strettamente necessari per fornirvi i servizi disponibili attraverso il nostro sito web e per utilizzare alcune delle sue funzionalità.
Poiché questi cookie sono strettamente necessari per fornire il sito web, non è possibile rifiutarli senza che ciò influisca sul funzionamento del sito. È possibile bloccarli o eliminarli modificando le impostazioni del browser e bloccando forzatamente tutti i cookie di questo sito web.
Cookie di Google Analytics
Questi cookie raccolgono informazioni che vengono utilizzate in forma aggregata per aiutarci a capire come viene utilizzato il nostro sito web o l'efficacia delle nostre campagne di marketing, oppure per aiutarci a personalizzare il nostro sito web e la nostra applicazione per migliorare la vostra esperienza.
Se non desiderate che la vostra visita al nostro sito venga tracciata, potete disabilitare il tracciamento nel vostro browser:
Altri servizi esterni
Utilizziamo anche diversi servizi esterni come Google Webfonts, Google Maps e fornitori esterni di video. Poiché questi provider possono raccogliere dati personali come il vostro indirizzo IP, vi consentiamo di bloccarli qui. Si tenga presente che ciò potrebbe ridurre notevolmente la funzionalità e l'aspetto del nostro sito. Le modifiche avranno effetto una volta ricaricata la pagina.
Impostazioni di Google Webfont:
Impostazioni di Google Map:
Incorporazione di video Vimeo e Youtube:
Informativa sulla privacy
Per maggiori informazioni sui nostri cookie e sulle impostazioni di privacy, consultare la nostra pagina sull'Informativa sulla privacy.