frontend: Replace add source dropdown with dialog

Author: Warchamp7

frontend/data/locale/en-US.ini

@@ -616,15 +616,20 @@ RenameProfile.Title="Rename Profile"
 Basic.Main.MixerRename.Title="Rename Audio Source"
 Basic.Main.MixerRename.Text="Please enter the name of the audio source"
 
-
 # preview window disabled
 Basic.Main.PreviewDisabled="Preview is currently disabled"
 
 # add source dialog
-Basic.SourceSelect="Create/Select Source"
-Basic.SourceSelect.CreateNew="Create new"
-Basic.SourceSelect.AddExisting="Add Existing"
+Basic.SourceSelect="Add Source"
+Basic.SourceSelect.SelectType="Source Type"
+Basic.SourceSelect.Recent="Recently Added"
+Basic.SourceSelect.NewSource="New Source"
+Basic.SourceSelect.Existing="Existing Sources"
+Basic.SourceSelect.CreateButton="Create"
 Basic.SourceSelect.AddVisible="Make source visible"
+Basic.SourceSelect.NoExisting="No existing %1 sources"
+Basic.SourceSelect.Accessible.SourceName="Source Name"
+Basic.SourceSelect.Accessible.Existing="Add an Existing Source"
 
 # source box
 Basic.Main.Sources.Visibility="Visibility"
@@ -760,6 +765,7 @@ Basic.Main.ShowContextBar="Show Source Toolbar"
 Basic.Main.HideContextBar="Hide Source Toolbar"
 Basic.Main.StopVirtualCam="Stop Virtual Camera"
 Basic.Main.Group="Group %1"
+Basic.Main.NewGroup="New Group"
 Basic.Main.GroupItems="Group Selected Items"
 Basic.Main.Ungroup="Ungroup"
 Basic.Main.GridMode="Grid Mode"

frontend/data/themes/Yami.obt

@@ -249,6 +249,11 @@
     background-color: var(--bg_base);
 }
 
+.text-title {
+    font-size: var(--font_large);
+    font-weight: bold;
+}
+
 .text-heading {
     font-size: var(--font_heading);
     font-weight: bold;
@@ -288,6 +293,48 @@
     padding: var(--padding_large) 0px;
 }
 
+.dialog-container {
+    padding: var(--padding_large) var(--padding_xlarge);
+}
+
+.dialog-frame {
+    background-color: var(--grey6);
+    border-radius: var(--border_radius);
+    border: 1px solid var(--border_color);
+    margin: var(--spacing_base);
+}
+
+.dialog-frame > QWidget {
+    margin: var(--spacing_base) 0;
+}
+
+
+.add-item-button {
+    background-color: var(--grey5);
+    border-width: 1px;
+    border-color: var(--grey3);
+    padding: var(--padding_xlarge) var(--padding_wide);
+    border-radius: var(--border_radius_small);
+    outline: none;
+}
+
+.add-item-button:focus {
+    border-color: var(--white1);
+}
+
+.add-item-button:hover {
+    border-color: var(--primary_lighter);
+}
+
+.add-item-button:hover,
+.add-item-button:focus {
+    background: var(--primary);
+    background-image: url(theme:Dark/plus.svg);
+    background-repeat: no-repeat;
+    background-position: center right;
+    background-origin: content;
+}
+
 /* Icon Overrides */
 
 .icon-plus {
@@ -589,6 +636,7 @@ QListWidget QLineEdit:focus {
 /* Settings QList */
 
 OBSBasicSettings QScrollBar:vertical {
+    background-color: var(--grey6);
     width: var(--settings_scrollbar_size);
     margin-left: 9px;
 }
@@ -2043,3 +2091,41 @@ OBSBasicAdvAudio #scrollAreaWidgetContents {
 #previewZoomOutButton:focus {
     border: 1px solid var(--input_border_hover);
 }
+
+/* Add Source Dialog */
+
+#selectTypeFrame QPushButton,
+#selectSourceContainer QPushButton {
+    text-align: left;
+}
+
+#selectTypeFrame QPushButton {
+    background: var(--grey5);
+    border: 1px solid transparent;
+    padding: var(--padding_xlarge) var(--padding_wide);
+    margin: var(--spacing_large);
+    outline: none;
+}
+
+#selectTypeFrame QPushButton:hover {
+    background-color: var(--grey3);
+    border-color: var(--grey1);
+    border-style: solid;
+}
+
+#selectTypeFrame QPushButton:checked {
+    background-color: var(--purple4);
+    border-color: var(--purple2);
+    border-style: solid;
+}
+
+#selectTypeFrame QPushButton:focus {
+    border-color: var(--white1);
+    border-style: solid;
+}
+
+#selectTypeFrame QPushButton:pressed {
+    background-color: var(--grey6);
+    border-color: var(--grey3);
+    border-style: solid;
+}