improve aesthetics with dark mode
This commit is contained in:
talksik
@@ -1,4 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.32" d="M10.85 1.25C7.48969 1.25 5.80953 1.25 4.52606 1.90396C3.39709 2.4792 2.4792 3.39708 1.90396 4.52606C1.25 5.80953 1.25 7.48968 1.25 10.85L1.25 13.15C1.25 16.5103 1.25 18.1905 1.90396 19.4739C2.4792 20.6029 3.39708 21.5208 4.52606 22.096C5.80953 22.75 7.48969 22.75 10.85 22.75H13.15C16.5103 22.75 18.1905 22.75 19.4739 22.096C20.6029 21.5208 21.5208 20.6029 22.096 19.4739C22.75 18.1905 22.75 16.5103 22.75 13.15V10.85C22.75 7.48969 22.75 5.80953 22.096 4.52606C21.5208 3.39709 20.6029 2.4792 19.4739 1.90396C18.1905 1.25 16.5103 1.25 13.15 1.25L10.85 1.25Z" fill="#2F384C"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 8C6.25 7.58579 6.58579 7.25 7 7.25H17C17.4142 7.25 17.75 7.58579 17.75 8C17.75 8.41421 17.4142 8.75 17 8.75H7C6.58579 8.75 6.25 8.41421 6.25 8ZM6.25 12C6.25 11.5858 6.58579 11.25 7 11.25H17C17.4142 11.25 17.75 11.5858 17.75 12C17.75 12.4142 17.4142 12.75 17 12.75H7C6.58579 12.75 6.25 12.4142 6.25 12ZM6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16Z" fill="#2F384C"/>
|
||||
<path opacity="0.32" d="M10.85 1.25C7.48969 1.25 5.80953 1.25 4.52606 1.90396C3.39709 2.4792 2.4792 3.39708 1.90396 4.52606C1.25 5.80953 1.25 7.48968 1.25 10.85L1.25 13.15C1.25 16.5103 1.25 18.1905 1.90396 19.4739C2.4792 20.6029 3.39708 21.5208 4.52606 22.096C5.80953 22.75 7.48969 22.75 10.85 22.75H13.15C16.5103 22.75 18.1905 22.75 19.4739 22.096C20.6029 21.5208 21.5208 20.6029 22.096 19.4739C22.75 18.1905 22.75 16.5103 22.75 13.15V10.85C22.75 7.48969 22.75 5.80953 22.096 4.52606C21.5208 3.39709 20.6029 2.4792 19.4739 1.90396C18.1905 1.25 16.5103 1.25 13.15 1.25L10.85 1.25Z" fill="#FFFFFF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 8C6.25 7.58579 6.58579 7.25 7 7.25H17C17.4142 7.25 17.75 7.58579 17.75 8C17.75 8.41421 17.4142 8.75 17 8.75H7C6.58579 8.75 6.25 8.41421 6.25 8ZM6.25 12C6.25 11.5858 6.58579 11.25 7 11.25H17C17.4142 11.25 17.75 11.5858 17.75 12C17.75 12.4142 17.4142 12.75 17 12.75H7C6.58579 12.75 6.25 12.4142 6.25 12ZM6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16Z" fill="#FFFFFF"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
@@ -1,3 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5 12H12M19 12H12M12 12V5M12 12V19" stroke="#2F384C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5 12H12M19 12H12M12 12V5M12 12V19" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 233 B After Width: | Height: | Size: 233 B |
+54
-3
@@ -17,12 +17,35 @@ MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent)
|
||||
this->setAttribute(Qt::WA_TranslucentBackground, true);
|
||||
this->setAttribute(Qt::WA_AcceptTouchEvents, true);
|
||||
this->setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);
|
||||
this->setFixedSize(QSize(150, 150));
|
||||
this->resize(QSize(150, 175));
|
||||
|
||||
QWidget *centralWidget = new QWidget(this);
|
||||
QVBoxLayout *layout = new QVBoxLayout(centralWidget);
|
||||
centralWidget->setObjectName("glass");
|
||||
centralWidget->setStyleSheet(R"(
|
||||
#glass {
|
||||
background: rgba(25, 25, 25, 0.5);
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
}
|
||||
QLabel {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
QToolButton {
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
padding: 4px;
|
||||
}
|
||||
QToolButton:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
)");
|
||||
|
||||
QHBoxLayout *headerLayout = new QHBoxLayout(centralWidget);
|
||||
QVBoxLayout *layout = new QVBoxLayout(centralWidget);
|
||||
layout->setContentsMargins(0, 0, 0, 0);
|
||||
layout->setSpacing(0);
|
||||
|
||||
QHBoxLayout *headerLayout = new QHBoxLayout();
|
||||
m_handleBar = new QSvgWidget(QStringLiteral(":/assets/icons/mono/basic/menu-rec.svg"), centralWidget);
|
||||
m_handleBar->setFixedSize(QSize(20, 20));
|
||||
m_handleBar->setCursor(Qt::OpenHandCursor);
|
||||
@@ -37,8 +60,36 @@ MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent)
|
||||
|
||||
QListWidget *listWidget = new QListWidget(centralWidget);
|
||||
listWidget->addItems(QStringList{"echo-1", "beta-2", "dustin-anson", "priority-pickle"});
|
||||
listWidget->setStyleSheet(R"(
|
||||
QListWidget {
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
}
|
||||
QListWidget::item {
|
||||
padding: 2px;
|
||||
border-radius: 0px;
|
||||
margin: 2px 0px;
|
||||
}
|
||||
QListWidget::item:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
QListWidget::item:selected {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
)");
|
||||
listWidget->viewport()->setStyleSheet("background: transparent;");
|
||||
|
||||
layout->addLayout(headerLayout);
|
||||
|
||||
QFrame *separator = new QFrame(centralWidget);
|
||||
separator->setStyleSheet("background-color: rgba(255, 255, 255, 0.1);");
|
||||
separator->setFrameShape(QFrame::HLine);
|
||||
separator->setFixedHeight(1);
|
||||
layout->addWidget(separator);
|
||||
|
||||
layout->addWidget(listWidget);
|
||||
|
||||
const QScreen *screen = QGuiApplication::primaryScreen();
|
||||
|
||||
Reference in New Issue
Block a user