changed css for dropdown (#2534)

* changed CSS for dropdown
* removed border-radius

Signed-off-by: msivasubramaniaan <msivasub@redhat.com>

Author: msivasubramaniaan

src/webview/devfile-registry/app/cardItem.style.tsx

@@ -144,7 +144,7 @@ export default (theme: Theme) =>
             backgroundColor: 'var(--vscode-button-background)',
             '&:hover': {
                 cursor: 'pointer',
-                backgroundColor: 'var(--vscode-button-hoverBackground)',
+                backgroundColor: 'var(--vscode-button-hoverBackground)'
             },
             textTransform: 'none'
         },
@@ -229,27 +229,26 @@ export default (theme: Theme) =>
         },
         starterProjectSelected: {
             width: '95%',
-            backgroundColor: 'var(--vscode-button-background)',
-            color: '#ffffff',
-            borderRadius: '0.375rem',
+            backgroundColor: 'var(--vscode-list-activeSelectionBackground)',
+            color: 'var(--vscode-list-activeSelectionForeground)',
             paddingLeft: '0.5rem',
             paddingTop: '0.2rem',
             paddingBottom: '0.2rem',
             cursor: 'default',
-            '&:hover': {
-                background: 'var(--vscode-button-hoverBackground)'
-            }
+            border: '0.5px solid',
+            borderColor: 'var(--vscode-focusBorder)'
         },
         project: {
             width: '95%',
-            borderRadius: '0.375rem',
             paddingLeft: '0.5rem',
             paddingTop: '0.2rem',
             paddingBottom: '0.2rem',
             cursor: 'default',
+            backgroundColor: 'var(--vscode-list-focusBackground)',
+            color: 'var(--vscode-list-focusForeground)',
             '&:hover': {
-                backgroundColor: 'var(--vscode-editor-selectionHighlightBackground)',
-                color: '#ffffff'
+                background: 'var(--vscode-list-hoverBackground)',
+                color: 'var(--vscode-list-hoverForeground)'
             }
         },
         display: {