Added Color via matugen
This commit is contained in:
@@ -0,0 +1 @@
|
|||||||
|
Colors.qml
|
||||||
+2
-1
@@ -2,6 +2,7 @@ import QtQuick
|
|||||||
import Quickshell
|
import Quickshell
|
||||||
import Quickshell.Hyprland
|
import Quickshell.Hyprland
|
||||||
import "./widgets"
|
import "./widgets"
|
||||||
|
import "../../colors"
|
||||||
|
|
||||||
// TODO: interact with PyWal
|
// TODO: interact with PyWal
|
||||||
|
|
||||||
@@ -29,7 +30,7 @@ PanelWindow {
|
|||||||
Rectangle { // Bar
|
Rectangle { // Bar
|
||||||
id: bar
|
id: bar
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
color: "#800a0a0a"
|
color: Qt.alpha(Colors.background, 0.5)
|
||||||
radius: 0
|
radius: 0
|
||||||
|
|
||||||
Row { // bar widgets left
|
Row { // bar widgets left
|
||||||
|
|||||||
@@ -1,13 +1,14 @@
|
|||||||
import QtQuick
|
import QtQuick
|
||||||
import Quickshell
|
import Quickshell
|
||||||
import Quickshell.Hyprland
|
import Quickshell.Hyprland
|
||||||
|
import "../../../colors"
|
||||||
|
|
||||||
Rectangle { //workspace
|
Rectangle { //workspace
|
||||||
width: timeDisplay.width + 16
|
width: timeDisplay.width + 16
|
||||||
height: timeDisplay.height + 16
|
height: timeDisplay.height + 16
|
||||||
radius: 4
|
radius: 4
|
||||||
color: "#333333"
|
color: Colors.tertiaryContainer
|
||||||
border.color: "#555555"
|
border.color: Colors.tertiaryContainer_fg
|
||||||
border.width: 2
|
border.width: 2
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
@@ -16,7 +17,7 @@ Rectangle { //workspace
|
|||||||
property string currentTime: ""
|
property string currentTime: ""
|
||||||
|
|
||||||
text: currentTime
|
text: currentTime
|
||||||
color: "#ffffff"
|
color: Colors.tertiary
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
font.family: "Inter, sans-serif"
|
font.family: "Inter, sans-serif"
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
import QtQuick
|
import QtQuick
|
||||||
import Quickshell
|
import Quickshell
|
||||||
import Quickshell.Hyprland
|
import Quickshell.Hyprland
|
||||||
|
import "../../../colors"
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
id: archButton
|
id: archButton
|
||||||
@@ -11,7 +12,7 @@ MouseArea {
|
|||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
color: archButton.containsMouse ? "#2a2a2a" : "transparent"
|
color: archButton.containsMouse ? Colors.tertiary : Qt.alpha(Colors.primaryContainer, 0.25)
|
||||||
radius: 6
|
radius: 6
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
@@ -19,7 +20,7 @@ MouseArea {
|
|||||||
text: ""
|
text: ""
|
||||||
font.pixelSize: 26
|
font.pixelSize: 26
|
||||||
font.family: "Nerd Font"
|
font.family: "Nerd Font"
|
||||||
color: "#ffffff"
|
color: archButton.containsMouse ? Colors.tertiary_fg : Colors.primary
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -2,6 +2,7 @@ import QtQuick
|
|||||||
import Quickshell
|
import Quickshell
|
||||||
import Quickshell.Hyprland
|
import Quickshell.Hyprland
|
||||||
import Quickshell.Io
|
import Quickshell.Io
|
||||||
|
import "../../../colors"
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
id: networkButton
|
id: networkButton
|
||||||
@@ -21,7 +22,7 @@ MouseArea {
|
|||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
color: networkButton.containsMouse ? "#2a2a2a" : "transparent"
|
color: networkButton.containsMouse ? Colors.tertiary : Qt.alpha(Colors.tertiaryContainer, 0.25)
|
||||||
radius: 6
|
radius: 6
|
||||||
width: output.width + 16
|
width: output.width + 16
|
||||||
|
|
||||||
@@ -30,7 +31,7 @@ MouseArea {
|
|||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
font.pixelSize: 26
|
font.pixelSize: 26
|
||||||
font.family: "Nerd Font"
|
font.family: "Nerd Font"
|
||||||
color: output.text === " /" ? "#FF0000" : "#00ff00"
|
color: networkButton.containsMouse ? Colors.tertiary_fg : output.text === " /" ? Colors.error : Colors.primary
|
||||||
}
|
}
|
||||||
|
|
||||||
Process {
|
Process {
|
||||||
|
|||||||
@@ -2,17 +2,18 @@ import QtQuick
|
|||||||
import Quickshell
|
import Quickshell
|
||||||
import Quickshell.Hyprland
|
import Quickshell.Hyprland
|
||||||
import Quickshell.Io
|
import Quickshell.Io
|
||||||
|
import "../../../colors"
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
id: powerButton
|
id: powerButton
|
||||||
width: 30
|
width: powerText.width + 16
|
||||||
height: bar.height
|
height: bar.height
|
||||||
hoverEnabled: true
|
hoverEnabled: true
|
||||||
cursorShape: Qt.PointingHandCursor
|
cursorShape: Qt.PointingHandCursor
|
||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
color: powerButton.containsMouse ? "#2a2a2a" : "transparent"
|
color: powerButton.containsMouse ? Colors.secondaryContainer_fg : Qt.alpha(Colors.secondary, 0.5)
|
||||||
radius: 6
|
radius: 6
|
||||||
|
|
||||||
Item {
|
Item {
|
||||||
@@ -37,11 +38,12 @@ MouseArea {
|
|||||||
}
|
}
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
|
id: powerText
|
||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
text: ""
|
text: ""
|
||||||
font.pixelSize: 26
|
font.pixelSize: 26
|
||||||
font.family: "Nerd Font"
|
font.family: "Nerd Font"
|
||||||
color: "#ffffff"
|
color:powerButton.containsMouse ? Colors.secondaryContainer : Colors.secondary_fg
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
import QtQuick
|
import QtQuick
|
||||||
import Quickshell
|
import Quickshell
|
||||||
import Quickshell.Hyprland
|
import Quickshell.Hyprland
|
||||||
|
import "../../../colors"
|
||||||
|
|
||||||
Row { // Workspace Row
|
Row { // Workspace Row
|
||||||
id: workspacesRow
|
id: workspacesRow
|
||||||
@@ -17,8 +17,12 @@ Row { // Workspace Row
|
|||||||
width: workspaceNum.width + 26
|
width: workspaceNum.width + 26
|
||||||
height: workspaceNum.height + 8
|
height: workspaceNum.height + 8
|
||||||
radius: 4
|
radius: 4
|
||||||
color: modelData.active ? "#4a93ff": "#333333"
|
color: workspaceButton.containsMouse ? Colors.tertiaryContainer
|
||||||
border.color: "#555555"
|
: modelData.active ? Colors.primaryContainer
|
||||||
|
: Colors.secondaryContainer
|
||||||
|
border.color: workspaceButton.containsMouse ? Colors.tertiaryContainer_fg
|
||||||
|
: modelData.active ? Colors.primaryContainer_fg
|
||||||
|
: Colors.secondaryContainer_fg
|
||||||
border.width: 2
|
border.width: 2
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
@@ -30,10 +34,7 @@ Row { // Workspace Row
|
|||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
color: workspaceButton.containsMouse ?
|
color: "transparent"
|
||||||
modelData.active ? "#7fbaff"
|
|
||||||
: "#808080"
|
|
||||||
: "transparent"
|
|
||||||
radius: 6
|
radius: 6
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -42,7 +43,9 @@ Row { // Workspace Row
|
|||||||
id: workspaceNum
|
id: workspaceNum
|
||||||
text: modelData.id
|
text: modelData.id
|
||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
color: modelData.active ? "#ffffff" : "#cccccc"
|
color: workspaceButton.containsMouse ? Colors.tertiary
|
||||||
|
: modelData.active ? Colors.primary
|
||||||
|
: Colors.secondary
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
font.family: "Inter, sans-serif"
|
font.family: "Inter, sans-serif"
|
||||||
}
|
}
|
||||||
@@ -53,7 +56,7 @@ Row { // Workspace Row
|
|||||||
Text {
|
Text {
|
||||||
visible: Hyprland.workspaces.length === 0
|
visible: Hyprland.workspaces.length === 0
|
||||||
text: "No Workspaces"
|
text: "No Workspaces"
|
||||||
color: "#ffffff"
|
color: Colors.error
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import QtQuick.Controls
|
|||||||
import Quickshell.Hyprland
|
import Quickshell.Hyprland
|
||||||
import Quickshell.Io
|
import Quickshell.Io
|
||||||
import Qt.labs.folderlistmodel
|
import Qt.labs.folderlistmodel
|
||||||
|
import "../../colors"
|
||||||
|
|
||||||
PanelWindow {
|
PanelWindow {
|
||||||
id: picker
|
id: picker
|
||||||
@@ -15,10 +16,10 @@ PanelWindow {
|
|||||||
Rectangle {
|
Rectangle {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
radius: 10
|
radius: 10
|
||||||
color: "#80000000"
|
color: Qt.alpha(Colors.surfaceContainerLowest, 0.5)
|
||||||
|
|
||||||
border.width: 2
|
border.width: 2
|
||||||
border.color: "#555555"
|
border.color: Colors.outlineVariant
|
||||||
|
|
||||||
|
|
||||||
//Wallpaper space
|
//Wallpaper space
|
||||||
@@ -31,7 +32,7 @@ PanelWindow {
|
|||||||
|
|
||||||
width: parent.width - 35
|
width: parent.width - 35
|
||||||
height: parent.height - 100
|
height: parent.height - 100
|
||||||
color: "#80202020"
|
color: Qt.alpha(Colors.surfaceContainer, 0.5)
|
||||||
radius: 10
|
radius: 10
|
||||||
|
|
||||||
clip: true
|
clip: true
|
||||||
@@ -75,6 +76,9 @@ PanelWindow {
|
|||||||
width: grid.cellWidth -10
|
width: grid.cellWidth -10
|
||||||
height: grid.cellHeight * 0.7
|
height: grid.cellHeight * 0.7
|
||||||
|
|
||||||
|
sourceSize.width: grid.cellWidth -10
|
||||||
|
sourceSize.height: grid.cellHeight * 0.7
|
||||||
|
|
||||||
asynchronous: true
|
asynchronous: true
|
||||||
cache: true
|
cache: true
|
||||||
}
|
}
|
||||||
@@ -83,7 +87,7 @@ PanelWindow {
|
|||||||
id: textHighlight
|
id: textHighlight
|
||||||
width: parent.width - 10
|
width: parent.width - 10
|
||||||
height: 24
|
height: 24
|
||||||
color: mouseArea.containsMouse ? "#804a90e2" : "transparent"
|
color: mouseArea.containsMouse ? Qt.alpha(Colors.surfaceContainerHover, 0.5) : "transparent"
|
||||||
anchors.horizontalCenter: parent.horizontalCenter
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
@@ -94,7 +98,7 @@ PanelWindow {
|
|||||||
|
|
||||||
font.pixelSize: 15
|
font.pixelSize: 15
|
||||||
font.family: "Fira Sans"
|
font.family: "Fira Sans"
|
||||||
color: "white"
|
color: Colors.surface_fg
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -134,11 +138,10 @@ PanelWindow {
|
|||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
radius: 10
|
radius: 10
|
||||||
color: "transparent"
|
color: "transparent"
|
||||||
border.color: "#777777"
|
border.color: Colors.outline
|
||||||
border.width: 1
|
border.width: 1
|
||||||
z: 999
|
z: 999
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -45,6 +45,8 @@ elif [ -x "/usr/bin/hyprpaper" ]; then
|
|||||||
hyprctl hyprpaper wallpaper ", $image"
|
hyprctl hyprpaper wallpaper ", $image"
|
||||||
fi
|
fi
|
||||||
|
|
||||||
|
matugen image $image --mode dark
|
||||||
|
|
||||||
### Blured Wallpaper for wlogout
|
### Blured Wallpaper for wlogout
|
||||||
blur="50x30"
|
blur="50x30"
|
||||||
static_wallpaper_dir="$HOME/Pictures/Wallpapers/Static"
|
static_wallpaper_dir="$HOME/Pictures/Wallpapers/Static"
|
||||||
|
|||||||
Reference in New Issue
Block a user