Ooit wilde je je Linux-desktop aanpassen, maar kon je dat perfecte thema gewoon niet vinden?
Als Cinnamon uw huidige bureaubladomgeving is, is het maken van uw eigen thema eenvoudig te leren. Je hebt ook geen speciaal gereedschap nodig - een gewone tekstverwerker met syntaxis die Geany markeert - Een geweldige lichtgewicht codebewerker voor Linux Geany - Een geweldige lichtgewicht codebewerker voor Linux Verrassend genoeg biedt Linux niet zoveel goede IDE's (Integrated Development) Environments). Ik denk dat dit komt omdat de meeste Linux-programmeurs vroeger de goede oude Notepad (of gedit in dit geval) haalden en begonnen ... Read More doet het prima.
Kaneel heeft een lange weg afgelegd sinds het voor het eerst in 2011 verscheen als een vork van Gnome Shell Gnome-Based Desktop Environments Explained: MATE versus Gnome Shell versus Unity versus Cinnamon Gnome-gebaseerde Desktop Environments verklaard: MATE vs. Gnome Shell vs. Unity vs. Cinnamon Sinds Gnome doorgegaan is met hun Gnome Shell-idee, was de Linux-gemeenschap waanzinnig om een nieuwe desktopomgeving te vinden die goed voor hen was. Een meerderheid van de gebruikers gebruikte Gnome ... Lees meer. Vroeger was het afhankelijk van Gnome om goed te werken, maar vandaag is het een complete, stand-alone desktopomgeving. Cinnamon 2.0 Sloot GNOME, Functies Verbeterd Gebruikers- en Window Management Cinnamon 2.0 Slots GNOME, Functies Verbeterd Gebruikers- en Window Management Cinnamon, de desktopshell gebruikend in Linux Mint, heeft eindelijk v2.0 vrijgegeven, met nieuwe vensteringsteksten en snappen, samen met verbeterde opties voor gebruikersbeheer. Lees meer met zijn eigen reeks basistoepassingen. Deze korte handleiding is gebaseerd op Cinnamon 2.4 die wordt geleverd met de nieuwste versie van Linux Mint (versie 17.1 "Rebecca"), maar ons thema zal compatibel zijn met elke Linux-distributie met Cinnamon.
Inzicht in kaneelthema's
Kaneelthema's zijn zowel eenvoudig als complex. Klinkt paradoxaal, toch? Ze zijn eenvoudig omdat het hele thema in CSS is geschreven, maar ingewikkeld omdat het themabestand enorm is en niet erg goed gedocumenteerd. Voor het grootste deel kun je afleiden welke regels welke bureaublad-elementen wijzigen, maar voor sommige moet je met vallen en opstaan. Er wordt verwacht dat je bekend bent met CSS voordat je dit probeert, maar als je dat niet bent, hoef je je geen zorgen te maken - je kunt snel CSS online leren Top 5 Sites om CSS Online te leren Top 5 Sites om CSS Online te leren Lees meer met handige zelfstudies.
Het is belangrijk om op te merken dat kaneelthema's geen vensterranden, knoppen of andere applicatie-elementen veranderen. Deze objecten worden aangestuurd door GTK-thema's. Wil een Mac OS kijken met Linux Power? Heb het allemaal met Zukimac, een GTK-thema Wil je een Mac OS-look met Linux Power? Heb het allemaal met Zukimac, A GTK-thema Het is OK als u geniet van de kracht van Linux, maar van de esthetiek van Mac OS X. U kunt uw Linux-installatie er meer laten uitzien als Mac OS X met het Zukimac-thema. Lees meer, dat u afzonderlijk moet downloaden. Het kaneelthema zelf beïnvloedt alleen het Mint-menu, paneel, tooltips, meldingen, applets en een aantal dialogen.
Ermee beginnen
Over het algemeen zijn er twee manieren om een kaneelthema te maken: codeer het helemaal opnieuw of gebruik een bestaand sjabloon als sjabloon. We gaan met de laatste benadering omdat het veel gemakkelijker is. Vergeet niet om te controleren op licentiebeperkingen als u besluit het gewijzigde thema opnieuw te verspreiden. Het is meestal voldoende om contact op te nemen met de auteur en om toestemming te vragen.
Voordat je in CSS duikt, is het goed om een plan te hebben van wat je precies wilt veranderen. In dit voorbeeld wordt de grootte van de digitale klok aangepast, het lettertype van het menu en de achtergrondkleur gewijzigd en het paneel transparant gemaakt. Om ervoor te zorgen dat uw nieuwe thema gemakkelijk is voor de ogen, kunt u gratis online tools gebruiken om kleurenschema's te maken Color Me Impressed: 3 tools voor het moeiteloos vinden van prachtige kleurenschema's voor elk project Kleur Me Impressed: 3 gereedschappen om moeiteloos prachtige kleurenschema's te vinden voor Elke projectkleur is belangrijk. Het is een van die oermensen - kleuren laten ons voelen. Ze kunnen gevaar, passie, kalmte en bijna elke andere emotie overbrengen. Ze werken over taalbarrières, en ze kunnen botsen in ... Lees meer.
Vergeet niet dat sommige wijzigingen "afhankelijkheden" hebben. Als u de paneelachtergrond wijzigt van donker naar wit, moet u ook de kleuren van paneelknoppen en applets wijzigen. Anders zijn ze misschien onzichtbaar in je nieuwe thema, omdat ze wit waren in het eerder donkere paneel. Als je een donker thema wilt maken, wees wijs en begin met een sjabloon dat al donker gekleurd is.
Een sjabloon kiezen
Een goede keuze is het standaard Cinnamon-thema, beschikbaar op de GitHub-pagina's van het project. De deviantART-community maakt prachtige Cinnamon-thema's en meer kan worden gedownload van de officiële pagina met Linux Mint Spices en de oude trouwe Gnome-Look.org.
Als u standaardthema's wilt gebruiken, bevinden deze zich in / /home/$USERNAME/.themes /usr/share/themes /home/$USERNAME/.themes /usr/share/themes /home/$USERNAME/.themes of /usr/share/themes . Thema's in de laatste map zijn van invloed op toepassingen die door alle gebruikers worden uitgevoerd (inclusief root), terwijl die in de directory /home/$USERNAME alleen op één gebruiker van toepassing zijn. Ik raad u aan om uw werk-in-uitvoering-thema in uw /home map te bewaren. Zodra het klaar is, kunt u het gewoon symboliseren met behulp van deze opdracht:
sudo ln -s /home/username/.themes/ThemeName /usr/share/themes/ThemeName
Je zult zien dat sommige thema's submappen bevatten met de naam "gtk-2.0" en "gtk-3.0". Dit betekent dat ze GTK-thema's samen met het thema Cinnamon bevatten. U hebt echter alleen de map "Cinnamon" nodig.
Er kunnen submappen in zitten - ze bevatten assets, kleine afbeeldingen die kunnen worden gebruikt om desktop-elementen te stylen. Uw Mint Menu kan bijvoorbeeld een achtergrondafbeelding hebben en u zou het in een van deze submappen kunnen bewaren. We hebben het bestand "cinnamon.css" nodig, en nu is het tijd om het te openen.
Thema structuur
Ik gebruik "Linux Mint", een van de standaardthema's. Het is een behoorlijk lang CSS-bestand. Gelukkig geven de opmerkingen in de code richting. Ze verdelen de code in secties, elk corresponderend met één bureaubladelement. Sommige van de secties zijn:
- PopupMenu (popupMenu.js): wijzigt alle pop-upmenu's, rechtermuisklikmenu en het hoofdmenu;
- Panel (panel.js): spreekt voor zich;
- Desklets (desklet.js) voor bureaublad-widgets en applets (applet.js) voor widgets op het paneel;
- Looking Glass: modificeert de grafische debugging-interface (kaneel-uitziend-glas);
- Menu (menu.js): beïnvloedt alleen het hoofdmenu (MintMenu);
- Vensterlijst (windowList.js): is van toepassing op de lijst met geopende vensters in het paneel.
Een kaneelthema aanpassen
We zullen een paar kleine wijzigingen aanbrengen om te laten zien hoe het werkt. Zodra u vertrouwd bent met het bewerken van CSS, kunt u veel elementen tegelijk wijzigen en nieuwe items maken om elk thema van Cinnamon volledig te transformeren. Dit is onze "voor" -versie:
Wijzig de achtergrondkleur en transparantie van het deelvenster
Zoek in het bestand "cinnamon.css" de regel die begint met #panel .
We zullen het verloop vervangen door een effen kleur en wat transparantie. Verwijder de items:
background-gradient-start
background-gradient-end
background-gradient-direction
en voeg background-color: rgba(152, 13, 13, 0.6); toe background-color: rgba(152, 13, 13, 0.6); om dit te krijgen:
Door de kleur in RGBa-indeling te declareren, maken we het gemakkelijk om in één keer kleur en transparantie te wijzigen. Het laatste getal tussen haakjes is de transparantiewaarde; 0 is volledig transparant en 1 is volledig ondoorzichtig.
Het kaneelpaneel is verdeeld in drie gebieden (links, midden, rechts). Er is een speciale instelling voor het wijzigen van de markeringskleur van elk gebied bij het slepen van een nieuwe applet. U kunt dit aanpassen door de waarden te wijzigen onder #panelLeft:dnd, #panelRight:dnd en #panelCenter:dnd .
Wijzig de hoofdmenukleur, transparantie en lettertype
Het hoofdmenu wordt bestuurd door twee secties: "PopupMenu" en "Menu". Wijzigingen in de eerste hebben invloed op alle pop-upmenu's. Het gedeelte "Menu" bevat opties voor Favorieten, Categorieën, Plaatsen en het zoekvak. Daarom moeten we de kleur en transparantie wijzigen onder .popup-menu-boxpointer .
Ik heb de RGBa-waarde van ons nieuwe paneel gekopieerd en toegevoegd na -arrow-background-color: verhoogde de randbreedte naar 2px en veranderde de randkleur naar grijs. Om het lettertype te wijzigen, heb ik de waarde van de font-family aan het begin van het bestand "cinnamon.css" aangepast. Dit is van invloed op het hele thema, maar kan voor sommige elementen afzonderlijk worden aangepast. We zijn hiervan uitgegaan:
hieraan:
Maak de digitale klok op het paneel groter
Clock is een panel-applet, maar in tegenstelling tot Window List en Calendar heeft deze geen eigen uiterlijk-instellingen die zijn gedefinieerd in het themabestand. U zult de algemene "Applets" -instellingen moeten aanpassen, en dat heeft invloed op de grootte van de tekst in de menuknop, samen met een andere paneelapplet die niet individueel kan worden aangepast.
Om de klok groter te maken, zoekt u een .applet-label en verhoogt u de waarde van de font-size . Hier kunt u de lettertype-instelling overschrijven die we eerder hebben toegevoegd voor het hoofdmenu door de waarde van de font-family wijzigen. In dit voorbeeld heb ik de klok veranderd in een schreefloos lettertype, terwijl de pop-upmenu's een serif-lettertype bevatten.
Als u het uiterlijk van de applet Agenda (die u opent door op de klok te klikken) wilt wijzigen, kijkt u in het gedeelte 'Datumapplet'. Met .datemenu-date-label kunt u bijvoorbeeld de grootte, kleur en het lettertype van de tekst boven aan de kalender-applet wijzigen (in deze afbeelding is dit "zondag 8 maart ...").
De "na" -versie is duidelijk niet het mooiste thema dat bestaat, maar het toont de veranderingen die we hebben aangebracht.
De "Menu" -knop en klok zijn groter, kleuren zijn veranderd en het lettertype is anders. De volgende stap zou zijn om de minder prominente elementen van de interface aan te passen, zoals het dialoogvenster 'Uitvoeren', 'sessie beëindigen' of meldingen.
Testen en meer leren
U kunt een voorbeeld van uw wijzigingen bekijken als u de themabestanden /home/$USERNAME/.themes/ThemeName in /home/$USERNAME/.themes/ThemeName en dat thema als actief instellen in het dialoogvenster All Settings - Themes - Desktop .
Als de wijzigingen niet meteen zichtbaar zijn, start je Cinnamon opnieuw door op Alt + F2 te drukken om het dialoogvenster Uitvoeren te openen, r te typen en op Enter te drukken. Natuurlijk kunt u alles eerst bewerken en vervolgens het nieuwe thema toepassen en controleren of er iets moet worden hersteld.
Naast deze basisinstructies, kun je advies vinden over kaneelthema's op Linux Mint-forums. Daar kun je feedback krijgen van gebruikers en andere makers van thema's. Zoals met vele andere creatieve activiteiten, oefent de oefening perfect, dus hoe meer thema's je maakt (of bewerkt), hoe makkelijker het zal worden, en je zult "alles over die CSS, geen problemen" hebben. We hopen dat het ontwikkelteam van Cinnamon binnenkort officiële, gedetailleerde themadocumentatie zal aanbieden.