DankMaterialShell/Widgets/ControlCenter/DisplayTab.qml

import QtQuick
import QtQuick.Controls
import Quickshell
import Quickshell.Widgets
import Quickshell.Io
import "../../Common"
import "../../Services"
import "../"

ScrollView {
    id: displayTab
    clip: true
    
    
    Column {
        width: parent.width
        spacing: Theme.spacingL
        
        // Brightness Control
        Column {
            width: parent.width
            spacing: Theme.spacingM
            visible: BrightnessService.brightnessAvailable
            
            Text {
                text: "Brightness"
                font.pixelSize: Theme.fontSizeLarge
                color: Theme.surfaceText
                font.weight: Font.Medium
            }
            
            CustomSlider {
                width: parent.width
                value: BrightnessService.brightnessLevel
                leftIcon: "brightness_low"
                rightIcon: "brightness_high"
                enabled: BrightnessService.brightnessAvailable
                
                onSliderValueChanged: (newValue) => {
                    BrightnessService.setBrightness(newValue)
                }
            }
        }
        
        // Display settings
        Column {
            width: parent.width
            spacing: Theme.spacingM
            
            Text {
                text: "Display Settings"
                font.pixelSize: Theme.fontSizeLarge
                color: Theme.surfaceText
                font.weight: Font.Medium
            }
            
            // Mode toggles row (Night Mode + Light/Dark Mode)
            Row {
                width: parent.width
                spacing: Theme.spacingM
                
                // Night mode toggle
                Rectangle {
                    width: (parent.width - Theme.spacingM) / 2
                    height: 80
                    radius: Theme.cornerRadius
                    color: Prefs.nightModeEnabled ? 
                        Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) :
                        (nightModeToggle.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.08) : Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.08))
                    border.color: Prefs.nightModeEnabled ? Theme.primary : "transparent"
                    border.width: Prefs.nightModeEnabled ? 1 : 0
                    
                    Column {
                        anchors.centerIn: parent
                        spacing: Theme.spacingS
                        
                        Text {
                            text: Prefs.nightModeEnabled ? "nightlight" : "dark_mode"
                            font.family: Theme.iconFont
                            font.pixelSize: Theme.iconSizeLarge
                            color: Prefs.nightModeEnabled ? Theme.primary : Theme.surfaceText
                            anchors.horizontalCenter: parent.horizontalCenter
                        }
                        
                        Text {
                            text: "Night Mode"
                            font.pixelSize: Theme.fontSizeMedium
                            color: Prefs.nightModeEnabled ? Theme.primary : Theme.surfaceText
                            font.weight: Font.Medium
                            anchors.horizontalCenter: parent.horizontalCenter
                        }
                    }
                    
                    MouseArea {
                        id: nightModeToggle
                        anchors.fill: parent
                        hoverEnabled: true
                        cursorShape: Qt.PointingHandCursor
                        
                        onClicked: {
                            if (Prefs.nightModeEnabled) {
                                // Disable night mode - kill any running color temperature processes
                                nightModeDisableProcess.running = true
                                Prefs.setNightModeEnabled(false)
                            } else {
                                // Enable night mode using wlsunset or redshift
                                nightModeEnableProcess.running = true
                                Prefs.setNightModeEnabled(true)
                            }
                        }
                    }
                }
                
                // Light/Dark mode toggle
                Rectangle {
                    width: (parent.width - Theme.spacingM) / 2
                    height: 80
                    radius: Theme.cornerRadius
                    color: Theme.isLightMode ? 
                        Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) :
                        (lightModeToggle.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.08) : Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.08))
                    border.color: Theme.isLightMode ? Theme.primary : "transparent"
                    border.width: Theme.isLightMode ? 1 : 0
                    
                    Column {
                        anchors.centerIn: parent
                        spacing: Theme.spacingS
                        
                        Text {
                            text: Theme.isLightMode ? "light_mode" : "palette"
                            font.family: Theme.iconFont
                            font.pixelSize: Theme.iconSizeLarge
                            color: Theme.isLightMode ? Theme.primary : Theme.surfaceText
                            anchors.horizontalCenter: parent.horizontalCenter
                        }
                        
                        Text {
                            text: Theme.isLightMode ? "Light Mode" : "Dark Mode"
                            font.pixelSize: Theme.fontSizeMedium
                            color: Theme.isLightMode ? Theme.primary : Theme.surfaceText
                            font.weight: Font.Medium
                            anchors.horizontalCenter: parent.horizontalCenter
                        }
                    }
                    
                    MouseArea {
                        id: lightModeToggle
                        anchors.fill: parent
                        hoverEnabled: true
                        cursorShape: Qt.PointingHandCursor
                        
                        onClicked: {
                            Theme.toggleLightMode()
                        }
                    }
                    
                    Behavior on color {
                        ColorAnimation {
                            duration: Theme.shortDuration
                            easing.type: Theme.standardEasing
                        }
                    }
                }
            }
        }
    }
    
    // Night mode processes
    Process {
        id: nightModeEnableProcess
        command: ["bash", "-c", "if command -v wlsunset > /dev/null; then pkill wlsunset; wlsunset -t 3000 & elif command -v redshift > /dev/null; then pkill redshift; redshift -P -O 3000 & else echo 'No night mode tool available'; fi"]
        running: false
        
        onExited: (exitCode) => {
            if (exitCode !== 0) {
                console.warn("Failed to enable night mode")
                Prefs.setNightModeEnabled(false)
            }
        }
    }
    
    Process {
        id: nightModeDisableProcess  
        command: ["bash", "-c", "pkill wlsunset; pkill redshift; if command -v wlsunset > /dev/null; then wlsunset -t 6500 -T 6500 & sleep 1; pkill wlsunset; elif command -v redshift > /dev/null; then redshift -P -O 6500; redshift -x; fi"]
        running: false
        
        onExited: (exitCode) => {
            if (exitCode !== 0) {
                console.warn("Failed to disable night mode")
            }
        }
    }
}