1/* Project-picker landing page, themed with the same --vscode-* variables as
2 * the workbench (in the spirit of VS Code's welcome page). */
4.landing {
5 height: 100%;
6 overflow-y: auto;
7 background-color: var(--vscode-editor-background);
8 color: var(--vscode-foreground);
9 font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
10 font-size: 14px;
11}
13.landing-inner {
14 max-width: 720px;
15 margin: 0 auto;
16 padding: 48px 32px 64px;
17}
19.landing-header h1 {
20 margin: 0 0 6px;
21 font-size: 34px;
22 font-weight: 300;
23 letter-spacing: 0.5px;
24}
26.landing-subtitle {
27 margin: 0 0 4px;
28 color: var(--vscode-descriptionForeground);
29}
31.landing-links {
32 margin: 0;
33 color: var(--vscode-descriptionForeground);
34 font-size: 13px;
35}
37.landing-link {
38 color: var(--vscode-textLink-foreground);
39 text-decoration: none;
40 font-size: 13px;
41}
43.landing-link:hover {
44 text-decoration: underline;
45}
47.landing-section {
48 margin-top: 36px;
49}
51.landing-section h2 {
52 margin: 0 0 12px;
53 font-size: 18px;
54 font-weight: 400;
55 border-bottom: 1px solid var(--vscode-panel-border);
56 padding-bottom: 6px;
57}
59.landing-start {
60 display: flex;
61 gap: 10px;
62}
64.landing-button {
65 padding: 6px 14px;
66 font-size: 13px;
67 font-family: inherit;
68 cursor: pointer;
69 border-radius: 3px;
70 border: 1px solid var(--vscode-button-border, transparent);
71 background-color: var(--vscode-button-secondaryBackground);
72 color: var(--vscode-button-secondaryForeground);
73}
75.landing-button:hover {
76 background-color: var(--vscode-button-secondaryHoverBackground);
77}
79.landing-button.primary {
80 background-color: var(--vscode-button-background);
81 color: var(--vscode-button-foreground);
82}
84.landing-button.primary:hover {
85 background-color: var(--vscode-button-hoverBackground);
86}
88.landing-button:disabled {
89 opacity: 0.6;
90 cursor: default;
91}
93.landing-projects {
94 display: flex;
95 flex-direction: column;
96}
98.landing-empty {
99 color: var(--vscode-descriptionForeground);
100 padding: 8px 0;
101}
103.landing-project {
104 display: flex;
105 align-items: center;
106 gap: 12px;
107 padding: 7px 8px;
108 border-radius: 4px;
109}
111.landing-project:hover {
112 background-color: var(--vscode-list-hoverBackground);
113}
115.landing-project-name {
116 color: var(--vscode-textLink-foreground);
117 text-decoration: none;
118 font-size: 14px;
119 overflow: hidden;
120 text-overflow: ellipsis;
121 white-space: nowrap;
122}
124.landing-project-name:hover {
125 text-decoration: underline;
126}
128.landing-project-meta {
129 color: var(--vscode-descriptionForeground);
130 font-size: 12px;
131 flex: 1;
132}
134.landing-project-actions {
135 display: flex;
136 gap: 2px;
137 visibility: hidden;
138}
140.landing-project:hover .landing-project-actions {
141 visibility: visible;
142}
144.landing-action {
145 background: none;
146 border: none;
147 padding: 2px 7px;
148 font-size: 12px;
149 font-family: inherit;
150 cursor: pointer;
151 border-radius: 3px;
152 color: var(--vscode-textLink-foreground);
153}
155.landing-action:hover {
156 background-color: var(--vscode-toolbar-hoverBackground);
157}