Giter Site home page Giter Site logo

rokin05 / darkine-kde Goto Github PK

View Code? Open in Web Editor NEW
43.0 2.0 5.0 9.34 MB

Darkine KDE - Theme for KDE Plasma 5 desktop > Mirror of https://git.rokin.in/Rokin/darkine-kde

Home Page: https://git.rokin.in/Rokin/darkine-kde

License: GNU General Public License v3.0

Makefile 0.22% Shell 0.34% QML 12.11% CSS 87.33%
darkine-kde darkine darkine-theme theme desktop-environment kde-plasma-5 plasma-desktop plasma linux kde

darkine-kde's Introduction

Darkine theme - KDE Plasma Darkine - SDDM theme Darkine - SDDM theme

Darkine KDE - Theme for KDE Plasma 5 desktop :

The full theme collection is available on OpenDesktop.org and on KDE Plasma Discover.
You can also use the script below to install the latest version directly from this repo (independently on your distro).


Name Git (path) OpenDesktop (tar.gz) Misc
Plasma Look-and-Feel Pack πŸ”— πŸ“₯
Plasma Desktop Theme πŸ”— πŸ“₯
Plasma Color Scheme πŸ”— πŸ“₯
Aurorae Theme πŸ”— πŸ“₯
Kvantum Theme πŸ”— πŸ“₯
GTK Theme πŸ”— πŸ“₯ Known bug (Firefox)
Icon-pack πŸ”— πŸ“₯
SDDM Theme πŸ”— πŸ“₯
Konsole color-scheme πŸ”— πŸ“₯
Wallpapers πŸ”— πŸ“₯
Wallpapers (2018) πŸ”— πŸ“₯
Firefox Quantum Theme πŸ”— πŸ“₯ Darkine at addons.mozilla.org

Installation

Install

wget -qO- https://raw.githubusercontent.com/Rokin05/darkine-kde/master/install.sh | sh

Uninstall

wget -qO- https://raw.githubusercontent.com/Rokin05/darkine-kde/master/install.sh | uninstall=true sh


Note about SDDM theme :

The SDDM Thème is build from scratch with QtQuick 2 (Qt 5.7 >=).
This is compatible with and without KDE Plasma and not depend of KDE Framework.
You can learn more about it at : SDDM-Themes (Git).

Dependencies (sddm only)

On KDE Plasma desktop, you normally have nothing more to install, but if one dependency is not present on other environments here are those used :

● Debian / Ubuntu :
# On Ubuntu, universe repo maybe necessary : 
# add-apt-repository universe
apt-get update 
apt-get install qml-module-qtquick-layouts qml-module-qtquick-controls2 qml-module-qtquick-templates2 qml-module-qtgraphicaleffects
● Arch :
pacman -S qt5-quickcontrols2 qt5-graphicaleffects qt5-svg

Recommendations

  • For better looking please use this pack with Kvantum engine.
    Run kvantummanager --set Darkine to choose and apply theme.

Fonts :

# Arch :
sudo pacman -S adobe-source-code-pro-fonts ttf-roboto

# dnf (Fedora)
sudo dnf install adobe-source-code-pro-fonts google-roboto-fonts

# pkg(8) (FreeBSD)
pkg install sourcecodepro-ttf roboto-fonts-ttf

kwriteconfig5 --file kdeglobals --group General --key fixed "Source Code Pro,9,-1,5,50,0,0,0,0,0,Regular"
kwriteconfig5 --file kdeglobals --group General --key font "Roboto,10,-1,5,50,0,0,0,0,0,Regular"
kwriteconfig5 --file kdeglobals --group General --key menuFont "Roboto,10,-1,5,50,0,0,0,0,0,Regular"
kwriteconfig5 --file kdeglobals --group General --key smallestReadableFont "Roboto,8,-1,5,50,0,0,0,0,0,Regular"
kwriteconfig5 --file kdeglobals --group General --key toolBarFont "Roboto,10,-1,5,50,0,0,0,0,0,Regular"
kwriteconfig5 --file kdeglobals --group WM --key activeFont "Roboto,9,-1,5,50,0,0,0,0,0,Regular"

qdbus org.kde.KWin /KWin reconfigure
kquitapp5 plasmashell && kstart5 plasmashell

Toolbar icon size :

kwriteconfig5 --file kdeglobals --group MainToolbarIcons --key Size "22"
kwriteconfig5 --file kdeglobals --group ToolbarIcons --key Size "22"

qdbus org.kde.KWin /KWin reconfigure
kquitapp5 plasmashell && kstart5 plasmashell

Known bug

● Firefox / Thunderbird + GTK3 theme :

The rendering is not perfect with dark theme, The main background of the selected tab and the highlighted text in the main menu follow bad or does not follow the colors of the GTK theme so I have tried to deal with that how i can.

To improve that, if you want keep the dark theme you can use the Firefox (WebExtension) theme specially made for it and available on addons.mozilla.org.

Alternative 1 : you can make Firefox (46+) ignore the GTK theme with the following commands examples :
# For KDE Desktop
env GTK_THEME=Breeze:light firefox
env GTK_THEME=Breeze:light thunderbird

# For Gnome Desktop
env GTK_THEME=Adwaita:light firefox
env GTK_THEME=Adwaita:light thunderbird

* Note : The current Firefox (WebExtension) theme style only the main window/tab and keep the menu white. It can be used in addition or without the GTK theme.

Alternative 2 : Change the GTK theme for content process only :

To force Firefox to use a light theme (e.g. Adwaita) for web content only :

1) Open about:config in the address bar.
2) Create a new widget.content.gtk-theme-override string type entry (right mouse button > New > String).
3) Set the value to the light theme to use for rendering purposes (e.g. Adwaita:light).
4) Restart Firefox.
HTML Textarea and checkbox :

This is another Firefox bug with GTK Theme, it's possible to fix that with a custom userContent.css file :

1) Create userContent.css file in your Firefox profil folder : ~/.mozilla/firefox/<your-profil>/chrome/userContent.css
2) Past the css code :

/* FIX GTK THEME */
textarea, input, select {
    -moz-appearance: none !important;
    background-color: #eee;
    color: #111;
}

3) Restart Firefox.

Ref : Arch Wiki.


Licence

Source code of is licensed under GNU GPL version 3.
QML files are MIT licensed and images are CC BY 3.0.


Credits

  • Git - KDE Plasma - (Breeze).
  • Git - Papirus - (PapirusDevelopmentTeam).
  • Git - Sweet - (For the GTK WM icons).

Donate

The development, the publication and the different tests are done in my free time,
If you like my project, you can send a coffee at :

PayPal donate button

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.