mirror of
https://github.com/microsoft/vscode.git
synced 2026-04-11 23:40:34 -05:00
5a501dcde9
* Initial plan for issue * Add light mode support to GitHub auth page using CSS media queries Co-authored-by: TylerLeonhardt <2644648+TylerLeonhardt@users.noreply.github.com> * use vscode colors --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: TylerLeonhardt <2644648+TylerLeonhardt@users.noreply.github.com> Co-authored-by: Tyler Leonhardt <tyleonha@microsoft.com>
123 lines
5.3 KiB
CSS
123 lines
5.3 KiB
CSS
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the MIT License. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
:root {
|
|
/* Dark theme colors (default) */
|
|
--vscode-foreground: #CCCCCC;
|
|
--vscode-editor-background: #1F1F1F;
|
|
--vscode-error-foreground: #F85149;
|
|
--vscode-textLink-foreground: #4daafc;
|
|
}
|
|
|
|
/* Light theme colors */
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--vscode-foreground: #3B3B3B;
|
|
--vscode-editor-background: #FFFFFF;
|
|
--vscode-error-foreground: #F85149;
|
|
--vscode-textLink-foreground: #005FB8;
|
|
}
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
box-sizing: border-box;
|
|
min-height: 100%;
|
|
margin: 0;
|
|
padding: 15px 30px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
color: var(--vscode-foreground);
|
|
font-family: "Segoe UI","Helvetica Neue","Helvetica",Arial,sans-serif;
|
|
background-color: var(--vscode-editor-background);
|
|
}
|
|
|
|
a {
|
|
color: var(--vscode-textLink-foreground);
|
|
}
|
|
|
|
.branding {
|
|
background-image: url('code-icon.svg');
|
|
background-size: 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
padding-left: 36px;
|
|
font-size: 20px;
|
|
letter-spacing: -0.04rem;
|
|
font-weight: 400;
|
|
color: var(--vscode-foreground);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.message-container {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0 30px;
|
|
}
|
|
|
|
.message {
|
|
font-weight: 300;
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
body.error .message {
|
|
display: none;
|
|
}
|
|
|
|
body.error .error-message {
|
|
display: block;
|
|
}
|
|
|
|
.error-message {
|
|
display: none;
|
|
font-weight: 300;
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
.error-text {
|
|
color: var(--vscode-error-foreground);
|
|
font-size: 1rem;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Segoe UI';
|
|
src: url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot?#iefix") format("embedded-opentype");
|
|
src: local("Segoe UI Light"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.svg#web") format("svg");
|
|
font-weight: 200
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Segoe UI';
|
|
src: url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.eot"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.eot?#iefix") format("embedded-opentype");
|
|
src: local("Segoe UI Semilight"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2") format("woff2"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf") format("truetype"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.svg#web") format("svg");
|
|
font-weight: 300
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Segoe UI';
|
|
src: url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.eot"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.eot?#iefix") format("embedded-opentype");
|
|
src: local("Segoe UI"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("truetype"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.svg#web") format("svg");
|
|
font-weight: 400
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Segoe UI';
|
|
src: url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.eot"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.eot?#iefix") format("embedded-opentype");
|
|
src: local("Segoe UI Semibold"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf") format("truetype"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.svg#web") format("svg");
|
|
font-weight: 600
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Segoe UI';
|
|
src: url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.eot"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.eot?#iefix") format("embedded-opentype");
|
|
src: local("Segoe UI Bold"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.svg#web") format("svg");
|
|
font-weight: 700
|
|
}
|