deleted: corners/Main.qml
deleted: corners/backgrounds/glacier.png deleted: corners/backgrounds/leaves.png deleted: corners/components/DateTimePanel.qml deleted: corners/components/LoginPanel.qml deleted: corners/components/PasswordPanel.qml deleted: corners/components/PowerPanel.qml deleted: corners/components/SessionPanel.qml deleted: corners/components/UserFieldPanel.qml deleted: corners/components/UserPanel.qml deleted: corners/icons/power.svg deleted: corners/icons/restart.svg deleted: corners/icons/settings.svg deleted: corners/icons/sleep.svg deleted: corners/theme.conf deleted: parch/backgrounds/glacier.png deleted: parch/backgrounds/leaves.png
|
@ -1,55 +0,0 @@
|
||||||
import QtQuick 2.12
|
|
||||||
import QtQuick.Controls 2.12
|
|
||||||
import QtQuick.Window 2.12
|
|
||||||
import "components"
|
|
||||||
|
|
||||||
Item {
|
|
||||||
id: root
|
|
||||||
|
|
||||||
height: Screen.height
|
|
||||||
width: Screen.width
|
|
||||||
|
|
||||||
Image {
|
|
||||||
id: background
|
|
||||||
|
|
||||||
anchors.fill: parent
|
|
||||||
height: parent.height
|
|
||||||
width: parent.width
|
|
||||||
fillMode: Image.PreserveAspectCrop
|
|
||||||
source: config.Background
|
|
||||||
asynchronous: false
|
|
||||||
cache: true
|
|
||||||
mipmap: true
|
|
||||||
clip: true
|
|
||||||
}
|
|
||||||
|
|
||||||
Item {
|
|
||||||
id: contentPanel
|
|
||||||
|
|
||||||
anchors {
|
|
||||||
fill: parent
|
|
||||||
topMargin: config.Padding
|
|
||||||
rightMargin: config.Padding
|
|
||||||
bottomMargin: config.Padding
|
|
||||||
leftMargin: config.Padding
|
|
||||||
}
|
|
||||||
|
|
||||||
DateTimePanel {
|
|
||||||
id: dateTimePanel
|
|
||||||
|
|
||||||
anchors {
|
|
||||||
top: parent.top
|
|
||||||
right: parent.right
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
LoginPanel {
|
|
||||||
id: loginPanel
|
|
||||||
|
|
||||||
anchors.fill: parent
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
Before Width: | Height: | Size: 654 KiB |
Before Width: | Height: | Size: 1.4 MiB |
|
@ -1,53 +0,0 @@
|
||||||
import QtQuick 2.12
|
|
||||||
import QtQuick.Controls 2.12
|
|
||||||
|
|
||||||
Column {
|
|
||||||
spacing: 0
|
|
||||||
Component.onCompleted: {
|
|
||||||
timeLabel.updateTime();
|
|
||||||
dateLabel.updateDate();
|
|
||||||
}
|
|
||||||
|
|
||||||
Text {
|
|
||||||
id: dateLabel
|
|
||||||
|
|
||||||
function updateDate() {
|
|
||||||
text = new Date().toLocaleDateString(Qt.locale(), config.DateFormat);
|
|
||||||
}
|
|
||||||
|
|
||||||
anchors.right: parent.right
|
|
||||||
opacity: config.DateOpacity
|
|
||||||
renderType: Text.NativeRendering
|
|
||||||
font.family: config.Font
|
|
||||||
font.pointSize: config.DateSize
|
|
||||||
font.bold: config.DateIsBold == "true" ? true : false
|
|
||||||
color: config.DateColor
|
|
||||||
}
|
|
||||||
|
|
||||||
Text {
|
|
||||||
id: timeLabel
|
|
||||||
|
|
||||||
function updateTime() {
|
|
||||||
text = new Date().toLocaleTimeString(Qt.locale(), config.TimeFormat);
|
|
||||||
}
|
|
||||||
|
|
||||||
anchors.right: parent.right
|
|
||||||
opacity: config.TimeOpacity
|
|
||||||
renderType: Text.NativeRendering
|
|
||||||
font.family: config.Font
|
|
||||||
font.pointSize: config.TimeSize
|
|
||||||
font.bold: config.TimeIsBold == "true" ? true : false
|
|
||||||
color: config.TimeColor
|
|
||||||
}
|
|
||||||
|
|
||||||
Timer {
|
|
||||||
interval: 1000
|
|
||||||
repeat: true
|
|
||||||
running: true
|
|
||||||
onTriggered: {
|
|
||||||
timeLabel.updateTime();
|
|
||||||
dateLabel.updateDate();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
|
@ -1,180 +0,0 @@
|
||||||
import QtQuick 2.12
|
|
||||||
import QtQuick.Controls 2.12
|
|
||||||
import QtQuick.Window 2.12
|
|
||||||
|
|
||||||
Item {
|
|
||||||
property var user: userPanel.username
|
|
||||||
property var password: passwordField.text
|
|
||||||
property var session: sessionPanel.session
|
|
||||||
property var inputHeight: Screen.height * config.UIScale * 0.25
|
|
||||||
property var inputWidth: Screen.width * config.UIScale
|
|
||||||
|
|
||||||
Column {
|
|
||||||
spacing: 8
|
|
||||||
|
|
||||||
anchors {
|
|
||||||
bottom: parent.bottom
|
|
||||||
left: parent.left
|
|
||||||
}
|
|
||||||
|
|
||||||
PowerPanel {
|
|
||||||
id: powerPanel
|
|
||||||
}
|
|
||||||
|
|
||||||
SessionPanel {
|
|
||||||
id: sessionPanel
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Column {
|
|
||||||
spacing: 8
|
|
||||||
width: inputWidth
|
|
||||||
|
|
||||||
anchors {
|
|
||||||
bottom: parent.bottom
|
|
||||||
right: parent.right
|
|
||||||
}
|
|
||||||
|
|
||||||
UserPanel {
|
|
||||||
id: userPanel
|
|
||||||
}
|
|
||||||
|
|
||||||
PasswordPanel {
|
|
||||||
id: passwordField
|
|
||||||
|
|
||||||
height: inputHeight
|
|
||||||
width: parent.width
|
|
||||||
onAccepted: loginButton.clicked()
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
id: loginButton
|
|
||||||
|
|
||||||
height: inputHeight
|
|
||||||
width: parent.width
|
|
||||||
enabled: user != "" && password != "" ? true : false
|
|
||||||
hoverEnabled: true
|
|
||||||
text: "Login!!"
|
|
||||||
onClicked: {
|
|
||||||
sddm.login(user, password, session);
|
|
||||||
}
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "pressed"
|
|
||||||
when: loginButton.down
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: buttonBackground
|
|
||||||
color: Qt.darker(config.LoginButtonBg, 1.4)
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: buttonText
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "hovered"
|
|
||||||
when: loginButton.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: buttonBackground
|
|
||||||
color: Qt.darker(config.LoginButtonBg, 1.2)
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: buttonText
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "enabled"
|
|
||||||
when: loginButton.enabled
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: buttonBackground
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: buttonText
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
id: loginAnim
|
|
||||||
|
|
||||||
radius: parent.width / 2
|
|
||||||
anchors.centerIn: loginButton
|
|
||||||
color: "black"
|
|
||||||
opacity: 1
|
|
||||||
|
|
||||||
NumberAnimation {
|
|
||||||
id: coverScreen
|
|
||||||
|
|
||||||
target: loginAnim
|
|
||||||
properties: "height, width"
|
|
||||||
from: 0
|
|
||||||
to: root.width * 2
|
|
||||||
duration: 1000
|
|
||||||
easing.type: Easing.InExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
contentItem: Text {
|
|
||||||
id: buttonText
|
|
||||||
|
|
||||||
renderType: Text.NativeRendering
|
|
||||||
font.family: config.Font
|
|
||||||
font.pointSize: config.FontSize
|
|
||||||
font.bold: true
|
|
||||||
horizontalAlignment: Text.AlignHCenter
|
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
color: config.LoginButtonTextColor
|
|
||||||
opacity: 0.5
|
|
||||||
text: config.LoginButtonText
|
|
||||||
}
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
id: buttonBackground
|
|
||||||
|
|
||||||
color: config.LoginButtonBg
|
|
||||||
opacity: 0.5
|
|
||||||
radius: config.Radius
|
|
||||||
}
|
|
||||||
|
|
||||||
transitions: Transition {
|
|
||||||
PropertyAnimation {
|
|
||||||
properties: "color, opacity"
|
|
||||||
duration: 150
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Connections {
|
|
||||||
function onLoginSucceeded() {
|
|
||||||
coverScreen.start();
|
|
||||||
}
|
|
||||||
|
|
||||||
function onLoginFailed() {
|
|
||||||
passwordField.text = "";
|
|
||||||
passwordField.focus = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
target: sddm
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
|
@ -1,61 +0,0 @@
|
||||||
import QtQuick 2.12
|
|
||||||
import QtQuick.Controls 2.12
|
|
||||||
|
|
||||||
TextField {
|
|
||||||
id: passwordField
|
|
||||||
|
|
||||||
focus: true
|
|
||||||
selectByMouse: true
|
|
||||||
placeholderText: config.PassFieldBgText
|
|
||||||
echoMode: TextInput.Password
|
|
||||||
passwordCharacter: "•"
|
|
||||||
passwordMaskDelay: 1000
|
|
||||||
selectionColor: config.FieldText
|
|
||||||
renderType: Text.NativeRendering
|
|
||||||
font.family: config.Font
|
|
||||||
font.pointSize: config.FontSize
|
|
||||||
font.bold: true
|
|
||||||
color: config.FieldText
|
|
||||||
horizontalAlignment: TextInput.AlignHCenter
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "focused"
|
|
||||||
when: passwordField.activeFocus
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: passFieldBg
|
|
||||||
color: Qt.darker(config.FieldBackground, 1.2)
|
|
||||||
border.width: config.FieldBorderWidth
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "hovered"
|
|
||||||
when: passwordField.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: passFieldBg
|
|
||||||
color: Qt.darker(config.FieldBackground, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
id: passFieldBg
|
|
||||||
|
|
||||||
color: config.FieldBackground
|
|
||||||
border.color: config.FieldBorderColor
|
|
||||||
border.width: 0
|
|
||||||
radius: config.Radius
|
|
||||||
}
|
|
||||||
|
|
||||||
transitions: Transition {
|
|
||||||
PropertyAnimation {
|
|
||||||
properties: "color, border.width"
|
|
||||||
duration: 150
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
|
@ -1,236 +0,0 @@
|
||||||
import QtGraphicalEffects 1.12
|
|
||||||
import QtQuick 2.12
|
|
||||||
import QtQuick.Controls 2.12
|
|
||||||
|
|
||||||
Item {
|
|
||||||
implicitHeight: powerButton.height
|
|
||||||
implicitWidth: powerButton.width
|
|
||||||
|
|
||||||
ListModel {
|
|
||||||
id: powerModel
|
|
||||||
|
|
||||||
ListElement {
|
|
||||||
name: "Sleep"
|
|
||||||
}
|
|
||||||
|
|
||||||
ListElement {
|
|
||||||
name: "Restart"
|
|
||||||
}
|
|
||||||
|
|
||||||
ListElement {
|
|
||||||
name: "Shut\nDown"
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
id: powerButton
|
|
||||||
|
|
||||||
height: inputHeight
|
|
||||||
width: inputHeight
|
|
||||||
hoverEnabled: true
|
|
||||||
icon.source: Qt.resolvedUrl("../icons/power.svg")
|
|
||||||
icon.height: height
|
|
||||||
icon.width: width
|
|
||||||
icon.color: config.PowerIconColor
|
|
||||||
onClicked: {
|
|
||||||
powerPopup.visible ? powerPopup.close() : powerPopup.open();
|
|
||||||
powerButton.state = "pressed";
|
|
||||||
}
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "pressed"
|
|
||||||
when: powerButton.down
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: powerButtonBg
|
|
||||||
color: Qt.darker(config.PowerButtonBg, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "hovered"
|
|
||||||
when: powerButton.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: powerButtonBg
|
|
||||||
color: Qt.darker(config.PowerButtonBg, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "selection"
|
|
||||||
when: powerPopup.visible
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: powerButtonBg
|
|
||||||
color: Qt.darker(config.PowerButtonBg, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
id: powerButtonBg
|
|
||||||
|
|
||||||
color: config.PowerButtonBg
|
|
||||||
radius: config.Radius
|
|
||||||
}
|
|
||||||
|
|
||||||
transitions: Transition {
|
|
||||||
PropertyAnimation {
|
|
||||||
properties: "color"
|
|
||||||
duration: 150
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Popup {
|
|
||||||
id: powerPopup
|
|
||||||
|
|
||||||
height: inputHeight * 2.2 + padding * 2
|
|
||||||
x: powerButton.width + powerList.spacing
|
|
||||||
y: -height + powerButton.height
|
|
||||||
padding: 15
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
radius: config.Radius * 1.8
|
|
||||||
color: config.PopupBackground
|
|
||||||
}
|
|
||||||
|
|
||||||
contentItem: ListView {
|
|
||||||
id: powerList
|
|
||||||
|
|
||||||
implicitWidth: contentWidth
|
|
||||||
spacing: 8
|
|
||||||
orientation: Qt.Horizontal
|
|
||||||
clip: true
|
|
||||||
model: powerModel
|
|
||||||
|
|
||||||
delegate: ItemDelegate {
|
|
||||||
id: powerEntry
|
|
||||||
|
|
||||||
height: inputHeight * 2.2
|
|
||||||
width: inputHeight * 2.2
|
|
||||||
display: AbstractButton.TextUnderIcon
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "hovered"
|
|
||||||
when: powerEntry.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: powerEntryBg
|
|
||||||
color: Qt.darker(config.PopupHighlight, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: iconOverlay
|
|
||||||
color: Qt.darker(config.PopupHighlight, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: powerText
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
MouseArea {
|
|
||||||
anchors.fill: parent
|
|
||||||
onClicked: {
|
|
||||||
powerPopup.close();
|
|
||||||
index == 0 ? sddm.suspend() : (index == 1 ? sddm.reboot() : sddm.powerOff());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
contentItem: Item {
|
|
||||||
Image {
|
|
||||||
id: powerIcon
|
|
||||||
|
|
||||||
anchors.centerIn: parent
|
|
||||||
source: index == 0 ? Qt.resolvedUrl("../icons/sleep.svg") : (index == 1 ? Qt.resolvedUrl("../icons/restart.svg") : Qt.resolvedUrl("../icons/power.svg"))
|
|
||||||
sourceSize: Qt.size(powerEntry.width * 0.5, powerEntry.height * 0.5)
|
|
||||||
}
|
|
||||||
|
|
||||||
ColorOverlay {
|
|
||||||
id: iconOverlay
|
|
||||||
|
|
||||||
anchors.fill: powerIcon
|
|
||||||
source: powerIcon
|
|
||||||
color: config.PopupBackground
|
|
||||||
}
|
|
||||||
|
|
||||||
Text {
|
|
||||||
id: powerText
|
|
||||||
|
|
||||||
anchors.centerIn: parent
|
|
||||||
renderType: Text.NativeRendering
|
|
||||||
font.family: config.Font
|
|
||||||
font.pointSize: config.FontSize
|
|
||||||
font.bold: true
|
|
||||||
horizontalAlignment: Text.AlignHCenter
|
|
||||||
color: config.PopupBackground
|
|
||||||
text: name
|
|
||||||
opacity: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
id: powerEntryBg
|
|
||||||
|
|
||||||
color: config.PopupHighlight
|
|
||||||
radius: config.Radius
|
|
||||||
}
|
|
||||||
|
|
||||||
transitions: Transition {
|
|
||||||
PropertyAnimation {
|
|
||||||
properties: "color, opacity"
|
|
||||||
duration: 150
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
enter: Transition {
|
|
||||||
ParallelAnimation {
|
|
||||||
NumberAnimation {
|
|
||||||
property: "opacity"
|
|
||||||
from: 0
|
|
||||||
to: 1
|
|
||||||
duration: 400
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
NumberAnimation {
|
|
||||||
property: "x"
|
|
||||||
from: powerPopup.x - (inputWidth * 0.1)
|
|
||||||
to: powerPopup.x
|
|
||||||
duration: 500
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
exit: Transition {
|
|
||||||
NumberAnimation {
|
|
||||||
property: "opacity"
|
|
||||||
from: 1
|
|
||||||
to: 0
|
|
||||||
duration: 300
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
|
@ -1,195 +0,0 @@
|
||||||
import QtQml.Models 2.12
|
|
||||||
import QtQuick 2.12
|
|
||||||
import QtQuick.Controls 2.12
|
|
||||||
|
|
||||||
Item {
|
|
||||||
property var session: sessionList.currentIndex
|
|
||||||
|
|
||||||
implicitHeight: sessionButton.height
|
|
||||||
implicitWidth: sessionButton.width
|
|
||||||
|
|
||||||
DelegateModel {
|
|
||||||
id: sessionWrapper
|
|
||||||
|
|
||||||
model: sessionModel
|
|
||||||
|
|
||||||
delegate: ItemDelegate {
|
|
||||||
id: sessionEntry
|
|
||||||
|
|
||||||
height: inputHeight
|
|
||||||
width: parent.width
|
|
||||||
highlighted: sessionList.currentIndex == index
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "hovered"
|
|
||||||
when: sessionEntry.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: sessionEntryBg
|
|
||||||
color: highlighted ? Qt.darker(config.PopupHighlight, 1.2) : Qt.darker(config.PopupBackground, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
MouseArea {
|
|
||||||
anchors.fill: parent
|
|
||||||
onClicked: {
|
|
||||||
sessionList.currentIndex = index;
|
|
||||||
sessionPopup.close();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
contentItem: Text {
|
|
||||||
renderType: Text.NativeRendering
|
|
||||||
font.family: config.Font
|
|
||||||
font.pointSize: config.FontSize
|
|
||||||
font.bold: true
|
|
||||||
horizontalAlignment: Text.AlignHCenter
|
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
color: highlighted ? config.PopupHighlightText : config.PopupHighlight
|
|
||||||
text: name
|
|
||||||
}
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
id: sessionEntryBg
|
|
||||||
|
|
||||||
color: highlighted ? config.PopupHighlight : config.PopupBackground
|
|
||||||
radius: config.Radius
|
|
||||||
}
|
|
||||||
|
|
||||||
transitions: Transition {
|
|
||||||
PropertyAnimation {
|
|
||||||
property: "color"
|
|
||||||
duration: 150
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
id: sessionButton
|
|
||||||
|
|
||||||
height: inputHeight
|
|
||||||
width: inputHeight
|
|
||||||
hoverEnabled: true
|
|
||||||
icon.source: Qt.resolvedUrl("../icons/settings.svg")
|
|
||||||
icon.height: height * 0.6
|
|
||||||
icon.width: width * 0.6
|
|
||||||
icon.color: config.SessionIconColor
|
|
||||||
onClicked: {
|
|
||||||
sessionPopup.visible ? sessionPopup.close() : sessionPopup.open();
|
|
||||||
sessionButton.state = "pressed";
|
|
||||||
}
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "pressed"
|
|
||||||
when: sessionButton.down
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: sessionButtonBg
|
|
||||||
color: Qt.darker(config.SessionButtonBg, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "hovered"
|
|
||||||
when: sessionButton.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: sessionButtonBg
|
|
||||||
color: Qt.darker(config.SessionButtonBg, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "selection"
|
|
||||||
when: sessionPopup.visible
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: sessionButtonBg
|
|
||||||
color: Qt.darker(config.SessionButtonBg, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
id: sessionButtonBg
|
|
||||||
|
|
||||||
color: config.SessionButtonBg
|
|
||||||
radius: config.Radius
|
|
||||||
}
|
|
||||||
|
|
||||||
transitions: Transition {
|
|
||||||
PropertyAnimation {
|
|
||||||
properties: "color"
|
|
||||||
duration: 150
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Popup {
|
|
||||||
id: sessionPopup
|
|
||||||
|
|
||||||
width: inputWidth + padding * 2
|
|
||||||
x: sessionButton.width + sessionList.spacing
|
|
||||||
y: -(contentHeight + padding * 2) + sessionButton.height
|
|
||||||
padding: 15
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
radius: config.Radius * 1.8
|
|
||||||
color: config.PopupBackground
|
|
||||||
}
|
|
||||||
|
|
||||||
contentItem: ListView {
|
|
||||||
id: sessionList
|
|
||||||
|
|
||||||
implicitHeight: contentHeight
|
|
||||||
spacing: 8
|
|
||||||
model: sessionWrapper
|
|
||||||
currentIndex: sessionModel.lastIndex
|
|
||||||
clip: true
|
|
||||||
}
|
|
||||||
|
|
||||||
enter: Transition {
|
|
||||||
ParallelAnimation {
|
|
||||||
NumberAnimation {
|
|
||||||
property: "opacity"
|
|
||||||
from: 0
|
|
||||||
to: 1
|
|
||||||
duration: 400
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
NumberAnimation {
|
|
||||||
property: "x"
|
|
||||||
from: sessionPopup.x - (inputWidth * 0.1)
|
|
||||||
to: sessionPopup.x
|
|
||||||
duration: 500
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
exit: Transition {
|
|
||||||
NumberAnimation {
|
|
||||||
property: "opacity"
|
|
||||||
from: 1
|
|
||||||
to: 0
|
|
||||||
duration: 300
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
|
@ -1,62 +0,0 @@
|
||||||
import QtGraphicalEffects 1.12
|
|
||||||
import QtQuick 2.12
|
|
||||||
import QtQuick.Controls 2.12
|
|
||||||
|
|
||||||
TextField {
|
|
||||||
id: usernameField
|
|
||||||
|
|
||||||
height: inputHeight
|
|
||||||
width: inputWidth
|
|
||||||
selectByMouse: true
|
|
||||||
echoMode: TextInput.Normal
|
|
||||||
selectionColor: config.FieldText
|
|
||||||
renderType: Text.NativeRendering
|
|
||||||
font.family: config.Font
|
|
||||||
font.pointSize: config.FontSize
|
|
||||||
font.bold: true
|
|
||||||
color: config.FieldText
|
|
||||||
horizontalAlignment: Text.AlignHCenter
|
|
||||||
placeholderText: config.UserFieldBgText
|
|
||||||
text: userModel.lastUser
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "focused"
|
|
||||||
when: usernameField.activeFocus
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: userFieldBackground
|
|
||||||
color: Qt.darker(config.FieldBackground, 1.2)
|
|
||||||
border.width: config.FieldBorderWidth
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "hovered"
|
|
||||||
when: usernameField.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: userFieldBackground
|
|
||||||
color: Qt.darker(config.FieldBackground, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
id: userFieldBackground
|
|
||||||
|
|
||||||
color: config.FieldBackground
|
|
||||||
border.color: config.FieldBorderColor
|
|
||||||
border.width: 0
|
|
||||||
radius: config.Radius
|
|
||||||
}
|
|
||||||
|
|
||||||
transitions: Transition {
|
|
||||||
PropertyAnimation {
|
|
||||||
properties: "color, border.width"
|
|
||||||
duration: 150
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
|
@ -1,323 +0,0 @@
|
||||||
import QtGraphicalEffects 1.12
|
|
||||||
import QtQml.Models 2.12
|
|
||||||
import QtQuick 2.12
|
|
||||||
import QtQuick.Controls 2.12
|
|
||||||
|
|
||||||
Column {
|
|
||||||
property var username: usernameField.text
|
|
||||||
|
|
||||||
spacing: 30
|
|
||||||
Component.onCompleted: userPicture.source = userWrapper.items.get(userList.currentIndex).model.icon
|
|
||||||
|
|
||||||
DelegateModel {
|
|
||||||
id: userWrapper
|
|
||||||
|
|
||||||
model: userModel
|
|
||||||
|
|
||||||
delegate: ItemDelegate {
|
|
||||||
id: userEntry
|
|
||||||
|
|
||||||
height: inputHeight
|
|
||||||
width: parent.width
|
|
||||||
highlighted: userList.currentIndex == index
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "hovered"
|
|
||||||
when: userEntry.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: userEntryBg
|
|
||||||
color: highlighted ? Qt.darker(config.PopupHighlight, 1.2) : Qt.darker(config.PopupBackground, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
MouseArea {
|
|
||||||
anchors.fill: parent
|
|
||||||
onClicked: {
|
|
||||||
userList.currentIndex = index;
|
|
||||||
usernameField.text = userWrapper.items.get(index).model.name;
|
|
||||||
userPicture.source = userWrapper.items.get(index).model.icon;
|
|
||||||
userPopup.close();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
contentItem: Text {
|
|
||||||
renderType: Text.NativeRendering
|
|
||||||
font.family: config.Font
|
|
||||||
font.pointSize: config.FontSize
|
|
||||||
font.bold: true
|
|
||||||
horizontalAlignment: Text.AlignHCenter
|
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
color: highlighted ? config.PopupHighlightText : config.PopupHighlight
|
|
||||||
text: name
|
|
||||||
}
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
id: userEntryBg
|
|
||||||
|
|
||||||
color: highlighted ? config.PopupHighlight : config.PopupBackground
|
|
||||||
radius: config.Radius
|
|
||||||
}
|
|
||||||
|
|
||||||
transitions: Transition {
|
|
||||||
PropertyAnimation {
|
|
||||||
property: "color"
|
|
||||||
duration: 150
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Popup {
|
|
||||||
id: userPopup
|
|
||||||
|
|
||||||
width: inputWidth
|
|
||||||
padding: 15
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
radius: config.Radius * 1.8
|
|
||||||
color: config.PopupBackground
|
|
||||||
}
|
|
||||||
|
|
||||||
contentItem: ListView {
|
|
||||||
id: userList
|
|
||||||
|
|
||||||
implicitHeight: contentHeight
|
|
||||||
spacing: 8
|
|
||||||
model: userWrapper
|
|
||||||
currentIndex: userModel.lastIndex
|
|
||||||
clip: true
|
|
||||||
}
|
|
||||||
|
|
||||||
enter: Transition {
|
|
||||||
ParallelAnimation {
|
|
||||||
NumberAnimation {
|
|
||||||
property: "opacity"
|
|
||||||
from: 0
|
|
||||||
to: 1
|
|
||||||
duration: 400
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
NumberAnimation {
|
|
||||||
property: "y"
|
|
||||||
from: (inputWidth / 3) - userPopup.padding - (inputHeight * userList.count * 0.5) - (userList.spacing * (userList.count - 1) * 0.5) + (inputWidth * 0.1)
|
|
||||||
to: (inputWidth / 3) - userPopup.padding - (inputHeight * userList.count * 0.5) - (userList.spacing * (userList.count - 1) * 0.5)
|
|
||||||
duration: 500
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
exit: Transition {
|
|
||||||
NumberAnimation {
|
|
||||||
property: "opacity"
|
|
||||||
from: 1
|
|
||||||
to: 0
|
|
||||||
duration: 300
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Item {
|
|
||||||
width: inputWidth
|
|
||||||
implicitHeight: pictureBorder.height
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
id: pictureBorder
|
|
||||||
|
|
||||||
anchors.centerIn: userPicture
|
|
||||||
height: inputWidth / 1.5 + (border.width * 2)
|
|
||||||
width: inputWidth / 1.5 + (border.width * 2)
|
|
||||||
radius: height / 2
|
|
||||||
border.width: config.UAPBorderWidth
|
|
||||||
border.color: config.UAPBorderColor
|
|
||||||
color: config.UAPColor
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "pressed"
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: pictureBorder
|
|
||||||
border.color: Qt.darker(config.UAPBorderColor, 1.2)
|
|
||||||
color: Qt.darker(config.UAPColor, 1.2)
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "hovered"
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: pictureBorder
|
|
||||||
border.color: Qt.darker(config.UAPBorderColor, 1.4)
|
|
||||||
color: Qt.darker(config.UAPColor, 1.4)
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "unhovered"
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: pictureBorder
|
|
||||||
border.color: config.UAPBorderColor
|
|
||||||
color: config.UAPColor
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
MouseArea {
|
|
||||||
id: roundMouseArea
|
|
||||||
|
|
||||||
anchors.fill: parent
|
|
||||||
hoverEnabled: true
|
|
||||||
onClicked: userPopup.open()
|
|
||||||
onHoveredChanged: {
|
|
||||||
if (containsMouse)
|
|
||||||
pictureBorder.state = "hovered";
|
|
||||||
else
|
|
||||||
pictureBorder.state = "unhovered";
|
|
||||||
}
|
|
||||||
onPressedChanged: {
|
|
||||||
if (containsPress)
|
|
||||||
pictureBorder.state = "pressed";
|
|
||||||
else if (containsMouse)
|
|
||||||
pictureBorder.state = "hovered";
|
|
||||||
else
|
|
||||||
pictureBorder.state = "unhovered";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
transitions: Transition {
|
|
||||||
PropertyAnimation {
|
|
||||||
properties: "border.color, color"
|
|
||||||
duration: 150
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Image {
|
|
||||||
id: userPicture
|
|
||||||
|
|
||||||
source: ""
|
|
||||||
height: inputWidth / 1.5
|
|
||||||
width: inputWidth / 1.5
|
|
||||||
anchors.horizontalCenter: parent.horizontalCenter
|
|
||||||
fillMode: Image.PreserveAspectCrop
|
|
||||||
layer.enabled: true
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
id: mask
|
|
||||||
|
|
||||||
anchors.fill: parent
|
|
||||||
radius: inputWidth / 3
|
|
||||||
visible: false
|
|
||||||
}
|
|
||||||
|
|
||||||
layer.effect: OpacityMask {
|
|
||||||
maskSource: mask
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Popup {
|
|
||||||
id: incorrectPopup
|
|
||||||
|
|
||||||
height: incorrectText.paintedHeight * 2
|
|
||||||
width: inputWidth
|
|
||||||
y: (pictureBorder.height - height) / 2
|
|
||||||
onOpened: incorrectTimer.start()
|
|
||||||
|
|
||||||
Timer {
|
|
||||||
id: incorrectTimer
|
|
||||||
|
|
||||||
interval: 3000
|
|
||||||
onTriggered: incorrectPopup.close()
|
|
||||||
}
|
|
||||||
|
|
||||||
background: Rectangle {
|
|
||||||
radius: config.Radius
|
|
||||||
color: config.PopupBackground
|
|
||||||
}
|
|
||||||
|
|
||||||
contentItem: Text {
|
|
||||||
id: incorrectText
|
|
||||||
|
|
||||||
renderType: Text.NativeRendering
|
|
||||||
font.family: config.Font
|
|
||||||
font.pointSize: config.FontSize
|
|
||||||
font.bold: true
|
|
||||||
horizontalAlignment: Text.AlignHCenter
|
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
color: config.PopupHighlight
|
|
||||||
text: "Incorrect username\nor password!"
|
|
||||||
}
|
|
||||||
|
|
||||||
enter: Transition {
|
|
||||||
ParallelAnimation {
|
|
||||||
NumberAnimation {
|
|
||||||
property: "opacity"
|
|
||||||
from: 0
|
|
||||||
to: 1
|
|
||||||
duration: 400
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
NumberAnimation {
|
|
||||||
property: "x"
|
|
||||||
from: incorrectPopup.x - (inputWidth * 0.1)
|
|
||||||
to: incorrectPopup.x
|
|
||||||
duration: 500
|
|
||||||
easing.type: Easing.OutElastic
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
exit: Transition {
|
|
||||||
NumberAnimation {
|
|
||||||
property: "opacity"
|
|
||||||
from: 1
|
|
||||||
to: 0
|
|
||||||
duration: 300
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
UserFieldPanel {
|
|
||||||
id: usernameField
|
|
||||||
|
|
||||||
height: inputHeight
|
|
||||||
width: inputWidth
|
|
||||||
}
|
|
||||||
|
|
||||||
Connections {
|
|
||||||
function onLoginSucceeded() {
|
|
||||||
}
|
|
||||||
|
|
||||||
function onLoginFailed() {
|
|
||||||
incorrectPopup.open();
|
|
||||||
}
|
|
||||||
|
|
||||||
target: sddm
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
|
@ -1 +0,0 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.56,5.44L15.11,6.89C16.84,7.94 18,9.83 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12C6,9.83 7.16,7.94 8.88,6.88L7.44,5.44C5.36,6.88 4,9.28 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,9.28 18.64,6.88 16.56,5.44M13,3H11V13H13"/></svg>
|
|
Before Width: | Height: | Size: 291 B |
|
@ -1 +0,0 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,4C14.1,4 16.1,4.8 17.6,6.3C20.7,9.4 20.7,14.5 17.6,17.6C15.8,19.5 13.3,20.2 10.9,19.9L11.4,17.9C13.1,18.1 14.9,17.5 16.2,16.2C18.5,13.9 18.5,10.1 16.2,7.7C15.1,6.6 13.5,6 12,6V10.6L7,5.6L12,0.6V4M6.3,17.6C3.7,15 3.3,11 5.1,7.9L6.6,9.4C5.5,11.6 5.9,14.4 7.8,16.2C8.3,16.7 8.9,17.1 9.6,17.4L9,19.4C8,19 7.1,18.4 6.3,17.6Z"/></svg>
|
|
Before Width: | Height: | Size: 401 B |
|
@ -1 +0,0 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"/></svg>
|
|
Before Width: | Height: | Size: 1.3 KiB |
|
@ -1 +0,0 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.73,18C15.4,21.69 9.71,22 6,18.64C2.33,15.31 2.04,9.62 5.37,5.93C6.9,4.25 9,3.2 11.27,3C7.96,6.7 8.27,12.39 12,15.71C13.63,17.19 15.78,18 18,18C18.25,18 18.5,18 18.73,18Z"/></svg>
|
|
Before Width: | Height: | Size: 251 B |
|
@ -1,128 +0,0 @@
|
||||||
[General]
|
|
||||||
|
|
||||||
### GENERAL
|
|
||||||
#
|
|
||||||
# Background: wallpaper path, absolute or relative. can be placed
|
|
||||||
# in the backgrounds/ folder (as seen below) for extra convenience.
|
|
||||||
#
|
|
||||||
# Font: please name the font family!
|
|
||||||
#
|
|
||||||
# FontSize: this size is used for everything *except* the date and time.
|
|
||||||
#
|
|
||||||
# Padding: specify how far stuff should be from the screen edges.
|
|
||||||
#
|
|
||||||
# Radius: set to 0 to disable rounded corners on UI elements.
|
|
||||||
#
|
|
||||||
# UIScale: if UI elements are too big or small, try to adjust this value.
|
|
||||||
# you should probably keep it below 1, though.
|
|
||||||
|
|
||||||
Background="backgrounds/leaves.png"
|
|
||||||
Font="Atkinson Hyperlegible"
|
|
||||||
FontSize="9"
|
|
||||||
Padding="50"
|
|
||||||
Radius="5"
|
|
||||||
UIScale="0.175"
|
|
||||||
|
|
||||||
### USER ACCOUNT PICTURE (UAP)
|
|
||||||
#
|
|
||||||
# UAPBorderWidth: set to 0 to disable the border around the picture.
|
|
||||||
#
|
|
||||||
# UAPBorderColor: remember to include the "#" when specifying color! will not
|
|
||||||
# show when border width is 0.
|
|
||||||
#
|
|
||||||
# UAPColor: color of the default, blank avatar. only visible if you
|
|
||||||
# don't have your own picture.
|
|
||||||
|
|
||||||
UAPBorderWidth="5"
|
|
||||||
UAPBorderColor="#b4befe"
|
|
||||||
UAPColor="#cdd6f4"
|
|
||||||
|
|
||||||
### USERNAME, PASSWORD FIELDS
|
|
||||||
#
|
|
||||||
# FieldBackground: background color of the input fields.
|
|
||||||
#
|
|
||||||
# FieldText: color of the typed text.
|
|
||||||
#
|
|
||||||
# FieldBorderWidth: border width of the currently selected field. set to 0
|
|
||||||
# to disable the border.
|
|
||||||
#
|
|
||||||
# FieldBorderColor: border color of selected field. not visible if width is 0.
|
|
||||||
#
|
|
||||||
# UserFieldBgText: placeholder text shown when user field is empty.
|
|
||||||
#
|
|
||||||
# PassFieldBgText: placeholder text shown when password field is empty.
|
|
||||||
|
|
||||||
FieldBackground="#1e1e2e"
|
|
||||||
FieldText="#cdd6f4"
|
|
||||||
FieldBorderWidth="3"
|
|
||||||
FieldBorderColor="#b4befe"
|
|
||||||
UserFieldBgText="enter username"
|
|
||||||
PassFieldBgText="enter password"
|
|
||||||
|
|
||||||
### LOGIN BUTTON
|
|
||||||
#
|
|
||||||
# LoginButtonTextColor: text color of login button.
|
|
||||||
#
|
|
||||||
# LoginButtonText: text displayed on the login button.
|
|
||||||
#
|
|
||||||
# LoginButtonBg: login button background color.
|
|
||||||
|
|
||||||
LoginButtonTextColor="#1e1e2e"
|
|
||||||
LoginButtonText="Login!!"
|
|
||||||
LoginButtonBg="#b4befe"
|
|
||||||
|
|
||||||
### POWER, SESSION, USER SELECTION POPUPS
|
|
||||||
#
|
|
||||||
# PopupBackground: background color of popup window.
|
|
||||||
#
|
|
||||||
# PopupHighlight: color of the currently selected entry.
|
|
||||||
#
|
|
||||||
# PopupHighlightText: text color inside the currently selected entry. this is
|
|
||||||
# provided in case the highlight clashes with the text.
|
|
||||||
|
|
||||||
PopupBackground="#b4befe"
|
|
||||||
PopupHighlight="#1e1e2e"
|
|
||||||
PopupHighlightText="#cdd6f4"
|
|
||||||
|
|
||||||
### SESSION, POWER BUTTONS
|
|
||||||
#
|
|
||||||
# SessionButtonBg: session button background color.
|
|
||||||
#
|
|
||||||
# SessionIconColor: session icon color inside session button.
|
|
||||||
#
|
|
||||||
# PowerButtonBg: power button background color.
|
|
||||||
#
|
|
||||||
# PowerIconColor: power icon color inside power button.
|
|
||||||
|
|
||||||
SessionButtonBg="#b4befe"
|
|
||||||
SessionIconColor="#1e1e2e"
|
|
||||||
PowerButtonBg="#b4befe"
|
|
||||||
PowerIconColor="#1e1e2e"
|
|
||||||
|
|
||||||
### DATE, TIME
|
|
||||||
#
|
|
||||||
# DateColor: date text color.
|
|
||||||
#
|
|
||||||
# DateSize: font size for the date.
|
|
||||||
#
|
|
||||||
# DateIsBold: whether date text should be bolded. accepts "true" or "false"
|
|
||||||
#
|
|
||||||
# DateOpacity: date text opacity value between 0.0 (completely transparent)
|
|
||||||
# and 1.0 (fully solid).
|
|
||||||
#
|
|
||||||
# DateFormat: here, you can create a custom date format.
|
|
||||||
#
|
|
||||||
# of course, equivalent options exist for the time.
|
|
||||||
|
|
||||||
DateColor="#cdd6f4"
|
|
||||||
DateSize="36"
|
|
||||||
DateIsBold="false"
|
|
||||||
DateOpacity="1.0"
|
|
||||||
DateFormat="dddd, MMMM d"
|
|
||||||
|
|
||||||
TimeColor="#cdd6f4"
|
|
||||||
TimeSize="48"
|
|
||||||
TimeIsBold="true"
|
|
||||||
TimeOpacity="1.0"
|
|
||||||
TimeFormat="hh:mm AP"
|
|
||||||
|
|
Before Width: | Height: | Size: 654 KiB |
Before Width: | Height: | Size: 1.4 MiB |