jp9000/obs-studio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UI: Update Rachni theme

Browse Source 
Fixes a few small issues with the new SourceTree, warning/error
labels, and properties view colors.
This commit is contained in:
Joel Bethke 2018-08-16 16:19:06 -05:00
parent 10022a41a9
commit 0cdd8fab32
1 changed files with 71 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
UI/data/themes/Rachni.qss
View File

@ -45,39 +45,71 @@
/************************/ /************************/
OBSTheme { OBSTheme {
window: rgb(49, 54, 59); /* Blue-gray */ window: rgb(49, 54, 59); /* Blue-gray */
windowText: rgb(239, 240, 241); /* White */ windowText: rgb(239, 240, 241); /* White */
base: rgb(0, 139, 163); /* Dark Cyan (Primary Dark) */ base: rgb(0, 139, 163); /* Dark Cyan (Primary Dark) */
alternateBase: rgb(186, 45, 101); /* Dark Pink (Secondary Dark) */ alternateBase: rgb(186, 45, 101); /* Dark Pink (Secondary Dark) */
text: rgb(239, 240, 241); /* White */ text: rgb(239, 240, 241); /* White */
button: rgb(0, 188, 212); /* Cyan (Primary) */ button: rgb(0, 188, 212); /* Cyan (Primary) */
buttonText: rgb(239, 240, 241); /* White */ buttonText: rgb(239, 240, 241); /* White */
brightText: rgb(255, 148, 194); /* Light Pink (Secondary Light) */ brightText: rgb(255, 148, 194); /* Light Pink (Secondary Light) */
light: rgb(162, 161, 162); /* Lighter Gray */ light: rgb(162, 161, 162); /* Lighter Gray */
mid: rgb(118, 121, 124); /* Light Grey */ mid: rgb(118, 121, 124); /* Light Grey */
dark: rgb(84, 87, 91); /* Gray */ dark: rgb(84, 87, 91); /* Gray */
shadow: rgb(35, 38, 41); /* Dark Gray */ shadow: rgb(35, 38, 41); /* Dark Gray */
highlight: rgb(98, 238, 255); /* Light Cyan (Primary Light) */ highlight: rgb(98, 238, 255); /* Light Cyan (Primary Light) */
highlightText: rgb(0,0,0); highlightText: rgb(0,0,0);
link: rgb(98, 238, 255); /* Light Cyan (Primary Light) */ link: rgb(98, 238, 255); /* Light Cyan (Primary Light) */
linkVisited: rgb(98, 238, 255); /* Light Cyan (Primary Light) */ linkVisited: rgb(98, 238, 255); /* Light Cyan (Primary Light) */
} }
OBSTheme::disabled { OBSTheme::disabled {
text: rgb(255, 148, 194); /* Light Pink (Secondary Light) */ text: rgb(118, 121, 124); /* Light Gray */
buttonText: rgb(255, 148, 194); /* Light Pink (Secondary Light) */ buttonText: rgb(118, 121, 124); /* Light Gray */
brightText: rgb(255, 148, 194); /* Light Pink (Secondary Light) */ brightText: rgb(118, 121, 124); /* Light Gray */
} }
OBSTheme::inactive { OBSTheme::inactive {
highlight: rgb(0, 188, 212); /* Cyan (Primary) */ highlight: rgb(0, 188, 212); /* Cyan (Primary) */
highlightText: rgb(239, 240, 241); /* White */ highlightText: rgb(239, 240, 241); /* White */
} }
/************************/
/* ---- SourceTree ---- */
/************************/
SourceTree::item:selected:!active {
color: rgb(239, 240, 241); /* White */
background-color: rgba(255, 148, 194, 0.25); /* Light Pink (Secondary Light) */
border: none;
}
SourceTree::item:selected {
background-color: rgba(240, 98, 146, 0.5); /* Pink (Secondary) */
border: none;
}
SourceTree::item:hover,
SourceTree::item:disabled:hover,
SourceTree::item:hover:!active {
background-color: rgb(0, 188, 212); /* Cyan (Primary) */
color: rgb(239, 240, 241); /* White */
border: none;
}
SourceTree QLineEdit {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 2px;
border: none;
border-radius: none;
}
/*************************/ /*************************/
/* --- General style --- */ /* --- General style --- */
/*************************/ /*************************/
@ -573,16 +605,6 @@ QLineEdit {
color: rgb(239, 240, 241); /* White */ color: rgb(239, 240, 241); /* White */
} }
QListWidget QLineEdit {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 2px;
border: none;
border-radius: none;
}
/**********************/ /**********************/
/* --- Checkboxes --- */ /* --- Checkboxes --- */
/**********************/ /**********************/
@ -744,23 +766,23 @@ MuteCheckBox::indicator:unchecked:disabled {
/****************************/ /****************************/
SourceTreeSubItemCheckBox { SourceTreeSubItemCheckBox {
background: transparent; background: transparent;
outline: none; outline: none;
} }
SourceTreeSubItemCheckBox::indicator { SourceTreeSubItemCheckBox::indicator {
width: 10px; width: 10px;
height: 10px; height: 10px;
} }
SourceTreeSubItemCheckBox::indicator:checked, SourceTreeSubItemCheckBox::indicator:checked,
SourceTreeSubItemCheckBox::indicator:checked:hover { SourceTreeSubItemCheckBox::indicator:checked:hover {
image: url(./Dark/expand.png); image: url(./Dark/expand.png);
} }
SourceTreeSubItemCheckBox::indicator:unchecked, SourceTreeSubItemCheckBox::indicator:unchecked,
SourceTreeSubItemCheckBox::indicator:unchecked:hover { SourceTreeSubItemCheckBox::indicator:unchecked:hover {
image: url(./Dark/collapse.png); image: url(./Dark/collapse.png);
} }
/*************************/ /*************************/
@ -837,10 +859,10 @@ QPushButton:disabled {
} }
QPushButton::menu-indicator { QPushButton::menu-indicator {
image: url(./Rachni/down_arrow.png); image: url(./Rachni/down_arrow.png);
subcontrol-position: right; subcontrol-position: right;
subcontrol-origin: padding; subcontrol-origin: padding;
width: 25px; width: 25px;
} }
/******************************/ /******************************/
@ -1171,6 +1193,14 @@ QFrame[frameShape="0"] {
/* Misc style tweaks for dark themes */ /* Misc style tweaks for dark themes */
* [themeID="error"] {
color: rgb(255, 89, 76); /* Red Error */
}
* [themeID="warning"] {
color: rgb(255, 148, 194); /* Light Pink (Secondary Light) */
}
QStatusBar::item { QStatusBar::item {
border: none; border: none;
} }