mirror of
https://github.com/EnixCoda/Gitako.git
synced 2026-03-11 08:54:44 +00:00
feat: tune colors and add dark theme
This commit is contained in:
EnixCoda
parent
7e8e6b6987
commit
4c9ebc414b
14 changed files with 3312 additions and 902 deletions
|
|
@ -17,8 +17,8 @@
|
|||
"test": "NODE_ENV=test jest"
|
||||
},
|
||||
"dependencies": {
|
||||
"@primer/components": "^20.0.0",
|
||||
"@primer/css": "^14.4.0",
|
||||
"@primer/components": "^22.0.2",
|
||||
"@primer/css": "^15.2.0",
|
||||
"@primer/octicons-react": "^10.0.0",
|
||||
"@sentry/browser": "^5.12.1",
|
||||
"@types/history": "^4.7.5",
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ type Props = {
|
|||
export function MetaBar({ metaData: { userName, repoName, branchName, repoUrl, userUrl } }: Props) {
|
||||
return (
|
||||
<Flex flexDirection="column" justifyContent="space-between" className={'meta-bar'}>
|
||||
<Breadcrumb>
|
||||
<Breadcrumb className={'user-and-repo'}>
|
||||
<Breadcrumb.Item href={userUrl}>{userName}</Breadcrumb.Item>
|
||||
<Breadcrumb.Item href={repoUrl}>
|
||||
<Text fontWeight="bolder">{repoName}</Text>
|
||||
|
|
@ -19,7 +19,7 @@ export function MetaBar({ metaData: { userName, repoName, branchName, repoUrl, u
|
|||
<div className={'octicon-wrapper'}>
|
||||
<GitBranchIcon size="small" />
|
||||
</div>
|
||||
<BranchName as="span" backgroundColor="blue.0">
|
||||
<BranchName as="span" className={'branch-name'}>
|
||||
{branchName || '...'}
|
||||
</BranchName>
|
||||
</Flex>
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@ import { loadWithPJAX, useOnPJAXDone, usePJAX } from 'utils/hooks/usePJAX'
|
|||
import { useProgressBar } from 'utils/hooks/useProgressBar'
|
||||
import * as keyHelper from 'utils/keyHelper'
|
||||
import { Icon } from './Icon'
|
||||
import { Theme } from './Theme'
|
||||
|
||||
const RawGitako: React.FC<Props & ConnectorState> = function RawGitako(props) {
|
||||
const configContext = useConfigs()
|
||||
|
|
@ -111,48 +112,50 @@ const RawGitako: React.FC<Props & ConnectorState> = function RawGitako(props) {
|
|||
toggleShowSettings,
|
||||
} = props
|
||||
return (
|
||||
<div className={'gitako-side-bar'}>
|
||||
<Portal into={logoContainerElement}>
|
||||
{!shouldShow && (
|
||||
<ToggleShowButton error={error} onClick={error ? undefined : toggleShowSideBar} />
|
||||
)}
|
||||
</Portal>
|
||||
<Resizable className={cx({ hidden: error || !shouldShow })} baseSize={baseSize}>
|
||||
<div className={'gitako-side-bar-body'}>
|
||||
<div className={'gitako-side-bar-content'}>
|
||||
<div className={'header'}>
|
||||
{metaData ? <MetaBar metaData={metaData} /> : <div />}
|
||||
<div className={'close-side-bar-button-position'}>
|
||||
<button className={'close-side-bar-button'} onClick={toggleShowSideBar}>
|
||||
<Icon className={'action-icon'} type={'x'} />
|
||||
</button>
|
||||
<Theme>
|
||||
<div className={'gitako-side-bar'}>
|
||||
<Portal into={logoContainerElement}>
|
||||
{!shouldShow && (
|
||||
<ToggleShowButton error={error} onClick={error ? undefined : toggleShowSideBar} />
|
||||
)}
|
||||
</Portal>
|
||||
<Resizable className={cx({ hidden: error || !shouldShow })} baseSize={baseSize}>
|
||||
<div className={'gitako-side-bar-body'}>
|
||||
<div className={'gitako-side-bar-content'}>
|
||||
<div className={'header'}>
|
||||
{metaData ? <MetaBar metaData={metaData} /> : <div />}
|
||||
<div className={'close-side-bar-button-position'}>
|
||||
<button className={'close-side-bar-button'} onClick={toggleShowSideBar}>
|
||||
<Icon className={'action-icon'} type={'x'} />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{errorDueToAuth ? (
|
||||
<AccessDeniedError hasToken={Boolean(accessToken)} />
|
||||
) : (
|
||||
metaData && (
|
||||
<FileExplorer
|
||||
toggleShowSettings={toggleShowSettings}
|
||||
metaData={metaData}
|
||||
treeRoot={treeRoot}
|
||||
freeze={showSettings}
|
||||
accessToken={accessToken}
|
||||
loadWithPJAX={loadWithPJAX}
|
||||
config={configContext.val}
|
||||
defer={defer}
|
||||
/>
|
||||
)
|
||||
)}
|
||||
</div>
|
||||
{errorDueToAuth ? (
|
||||
<AccessDeniedError hasToken={Boolean(accessToken)} />
|
||||
) : (
|
||||
metaData && (
|
||||
<FileExplorer
|
||||
toggleShowSettings={toggleShowSettings}
|
||||
metaData={metaData}
|
||||
treeRoot={treeRoot}
|
||||
freeze={showSettings}
|
||||
accessToken={accessToken}
|
||||
loadWithPJAX={loadWithPJAX}
|
||||
config={configContext.val}
|
||||
defer={defer}
|
||||
/>
|
||||
)
|
||||
)}
|
||||
<SettingsBar
|
||||
defer={defer}
|
||||
toggleShowSettings={toggleShowSettings}
|
||||
activated={showSettings}
|
||||
/>
|
||||
</div>
|
||||
<SettingsBar
|
||||
defer={defer}
|
||||
toggleShowSettings={toggleShowSettings}
|
||||
activated={showSettings}
|
||||
/>
|
||||
</div>
|
||||
</Resizable>
|
||||
</div>
|
||||
</Resizable>
|
||||
</div>
|
||||
</Theme>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
253
src/components/Theme.tsx
Normal file
253
src/components/Theme.tsx
Normal file
|
|
@ -0,0 +1,253 @@
|
|||
import { theme } from '@primer/components'
|
||||
import * as React from 'react'
|
||||
import { ThemeProvider } from 'styled-components'
|
||||
const { lighten, rgba, desaturate } = require('polished')
|
||||
|
||||
// Refactored from https://github.com/primer/components/blob/main/src/theme-preval.js
|
||||
export function generateDarkTheme() {
|
||||
const primitives = {
|
||||
black: '#f0f6fc',
|
||||
white: '#010409',
|
||||
gray: [
|
||||
'#0d1117',
|
||||
'#161b22',
|
||||
'#21262d',
|
||||
'#30363d',
|
||||
'#484f58',
|
||||
'#6e7681',
|
||||
'#8b949e',
|
||||
'#b1bac4',
|
||||
'#c9d1d9',
|
||||
'#f0f6fc',
|
||||
],
|
||||
blue: [
|
||||
'#051d4d',
|
||||
'#0c2d6b',
|
||||
'#0d419d',
|
||||
'#1158c7',
|
||||
'#1f6feb',
|
||||
'#388bfd',
|
||||
'#58a6ff',
|
||||
'#79c0ff',
|
||||
'#a5d6ff',
|
||||
'#cae8ff',
|
||||
],
|
||||
green: [
|
||||
'#04260f',
|
||||
'#033a16',
|
||||
'#0f5323',
|
||||
'#196c2e',
|
||||
'#238636',
|
||||
'#2ea043',
|
||||
'#3fb950',
|
||||
'#56d364',
|
||||
'#7ee787',
|
||||
'#aff5b4',
|
||||
],
|
||||
yellow: [
|
||||
'#341a00',
|
||||
'#4b2900',
|
||||
'#693e00',
|
||||
'#845306',
|
||||
'#9e6a03',
|
||||
'#bb8009',
|
||||
'#d29922',
|
||||
'#e3b341',
|
||||
'#f2cc60',
|
||||
'#f8e3a1',
|
||||
],
|
||||
orange: [
|
||||
'#3d1300',
|
||||
'#5a1e02',
|
||||
'#762d0a',
|
||||
'#9b4215',
|
||||
'#bd561d',
|
||||
'#db6d28',
|
||||
'#f0883e',
|
||||
'#ffa657',
|
||||
'#ffc680',
|
||||
'#ffdfb6',
|
||||
],
|
||||
red: [
|
||||
'#490202',
|
||||
'#67060c',
|
||||
'#8e1519',
|
||||
'#b62324',
|
||||
'#da3633',
|
||||
'#f85149',
|
||||
'#ff7b72',
|
||||
'#ffa198',
|
||||
'#ffc1ba',
|
||||
'#ffdcd7',
|
||||
],
|
||||
purple: [
|
||||
'#271052',
|
||||
'#3c1e70',
|
||||
'#553098',
|
||||
'#6e40c9',
|
||||
'#8957e5',
|
||||
'#a371f7',
|
||||
'#bc8cff',
|
||||
'#d2a8ff',
|
||||
'#e2c5ff',
|
||||
'#eddeff',
|
||||
],
|
||||
pink: [
|
||||
'#42062a',
|
||||
'#5e103e',
|
||||
'#7d2457',
|
||||
'#9e3670',
|
||||
'#bf4b8a',
|
||||
'#db61a2',
|
||||
'#f778ba',
|
||||
'#ff9bce',
|
||||
'#ffbedd',
|
||||
'#ffdaec',
|
||||
],
|
||||
}
|
||||
|
||||
const { black, white, pink, gray, blue, green, orange, purple, red, yellow } = primitives
|
||||
|
||||
// General
|
||||
// any :(
|
||||
const colors: any = {
|
||||
black,
|
||||
white,
|
||||
gray,
|
||||
blue,
|
||||
green,
|
||||
orange,
|
||||
purple,
|
||||
red,
|
||||
yellow,
|
||||
pink,
|
||||
}
|
||||
|
||||
colors.bodytext = gray[9]
|
||||
|
||||
colors.blackfade15 = rgba(black, 0.15)
|
||||
colors.blackfade30 = rgba(black, 0.3)
|
||||
colors.blackfade50 = rgba(black, 0.5)
|
||||
colors.blackfade70 = rgba(black, 0.7)
|
||||
colors.blackfade85 = rgba(black, 0.85)
|
||||
colors.whitefade15 = rgba(white, 0.15)
|
||||
colors.whitefade30 = rgba(white, 0.3)
|
||||
colors.whitefade50 = rgba(white, 0.5)
|
||||
colors.whitefade70 = rgba(white, 0.7)
|
||||
colors.whitefade85 = rgba(white, 0.85)
|
||||
|
||||
colors.state = {
|
||||
error: red[5],
|
||||
failure: red[5],
|
||||
pending: yellow[7],
|
||||
queued: yellow[7],
|
||||
success: green[5],
|
||||
unknown: gray[4],
|
||||
}
|
||||
|
||||
colors.border = {
|
||||
blackFade: colors.blackfade15,
|
||||
blue: blue[5],
|
||||
blueLight: blue[2],
|
||||
grayLight: lighten(0.03, gray[2]),
|
||||
gray: gray[2],
|
||||
grayDark: gray[3],
|
||||
grayDarker: gray[7],
|
||||
green: green[4],
|
||||
greenLight: desaturate(0.4, green[3]),
|
||||
purple: purple[5],
|
||||
red: red[5],
|
||||
redLight: desaturate(0.6, red[3]),
|
||||
white,
|
||||
whiteFade: colors.whitefade15,
|
||||
yellow: desaturate(0.6, yellow[3]),
|
||||
}
|
||||
|
||||
colors.text = {
|
||||
white,
|
||||
gray: gray[6],
|
||||
grayLight: gray[5],
|
||||
grayDark: gray[8],
|
||||
red: red[6],
|
||||
}
|
||||
colors.bg = {
|
||||
gray: gray[1],
|
||||
grayLight: gray[3],
|
||||
grayDark: gray[9],
|
||||
disabled: gray[2],
|
||||
}
|
||||
colors.accent = orange[5]
|
||||
colors.labels = {
|
||||
gray: gray[2],
|
||||
grayText: gray[9],
|
||||
grayDark: gray[5],
|
||||
grayDarkText: gray[9],
|
||||
blue: blue[5],
|
||||
blueText: blue[5],
|
||||
orange: orange[5],
|
||||
orangeText: orange[6],
|
||||
green: green[5],
|
||||
greenText: green[6],
|
||||
red: red[6],
|
||||
redText: red[6],
|
||||
yellow: yellow[6],
|
||||
yellowText: yellow[9],
|
||||
pink: pink[4],
|
||||
pinkText: pink[6],
|
||||
purple: purple[4],
|
||||
}
|
||||
|
||||
// Components
|
||||
|
||||
const buttons = {
|
||||
default: {
|
||||
color: {
|
||||
default: colors.text.grayDark,
|
||||
disabled: gray[4],
|
||||
},
|
||||
border: {
|
||||
default: rgba(black, 0.12),
|
||||
active: colors.border.grayDark,
|
||||
disabled: colors.border.grayLight,
|
||||
},
|
||||
bg: {
|
||||
default: colors.bg.grayLight,
|
||||
hover: colors.gray[3],
|
||||
active: colors.bg.gray,
|
||||
disabled: colors.bg.grayLight,
|
||||
},
|
||||
shadow: {
|
||||
default: `0 0 transparent, 0 0 transparent`,
|
||||
hover: `0 0 transparent, 0 0 transparent`,
|
||||
active: `0 0 transparent 0 0 transparent`,
|
||||
focus: `0 0 transparent 0 0 transparent`,
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
const theme = {
|
||||
colors,
|
||||
buttons,
|
||||
}
|
||||
|
||||
return theme
|
||||
}
|
||||
|
||||
// No need to watch the property as it does not change in repo pages
|
||||
function useDocumentTheme() {
|
||||
const [theme] = React.useState(() => document.documentElement.dataset.colorMode)
|
||||
return theme
|
||||
}
|
||||
|
||||
function useWrappedTheme() {
|
||||
const docTheme = useDocumentTheme()
|
||||
const [wrapped] = React.useState(() => {
|
||||
return docTheme === 'dark' ? generateDarkTheme() : theme
|
||||
})
|
||||
return wrapped
|
||||
}
|
||||
|
||||
export function Theme({ children }: React.PropsWithChildren<{}>) {
|
||||
const theme = useWrappedTheme()
|
||||
return <ThemeProvider theme={theme}>{children}</ThemeProvider>
|
||||
}
|
||||
|
|
@ -102,7 +102,6 @@ export function AccessTokenSettings(props: React.PropsWithChildren<Props>) {
|
|||
)}
|
||||
<div className={'access-token-input-control'}>
|
||||
<TextInput
|
||||
backgroundColor="#fff"
|
||||
marginRight={1}
|
||||
className={'access-token-input'}
|
||||
value={accessToken}
|
||||
|
|
|
|||
|
|
@ -88,7 +88,7 @@ export function SettingsBar(props: Props) {
|
|||
{activated && <SettingsBarContent />}
|
||||
<div className={'header-row'}>
|
||||
<Link
|
||||
color="gray.4"
|
||||
className={'version'}
|
||||
fontSize={14}
|
||||
href={wikiLinks.changeLog}
|
||||
target={'_blank'}
|
||||
|
|
|
|||
|
|
@ -41,7 +41,6 @@ export function SidebarSettings(props: React.PropsWithChildren<Props>) {
|
|||
<div className={'toggle-shortcut-input-control'}>
|
||||
<TextInput
|
||||
id="toggle-sidebar-shortcut"
|
||||
backgroundColor="#fff"
|
||||
marginRight={1}
|
||||
className={'toggle-shortcut-input'}
|
||||
onFocus={() => focused.set(true)}
|
||||
|
|
|
|||
691
src/content.scss
691
src/content.scss
|
|
@ -1,690 +1 @@
|
|||
@import '~nprogress/nprogress.css';
|
||||
|
||||
@import '~@primer/css/support/variables/colors.scss';
|
||||
@import '~@primer/css/support/variables/color-system.scss';
|
||||
@import '~@primer/css/support/variables/typography.scss';
|
||||
@import '~@primer/css/support/variables/misc.scss';
|
||||
@import '~@primer/css/support/variables/layout.scss';
|
||||
|
||||
$name: gitako;
|
||||
|
||||
$min-screen-width: 1280px;
|
||||
$github-content-width: 1020px;
|
||||
$side-bar-base-width: $min-screen-width - $github-content-width;
|
||||
$min-width-with-gitako: $min-screen-width + $side-bar-base-width;
|
||||
|
||||
$github-header-z-index: 32;
|
||||
$github-pull-request-float-header-z-index: 110;
|
||||
$minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-z-index) + 1;
|
||||
|
||||
:root {
|
||||
--gitako-width: #{$side-bar-base-width};
|
||||
}
|
||||
|
||||
.#{$name}-ready {
|
||||
// github
|
||||
&.shrink-github-header {
|
||||
.js-header-wrapper {
|
||||
background: $gray-dark;
|
||||
}
|
||||
.Header {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
@media (max-width: 1020px) {
|
||||
overflow: hidden; // prevent blank scroll area when Gitako is open and window is narrow
|
||||
}
|
||||
@media (min-width: 1280px) {
|
||||
padding: 0 32px !important;
|
||||
}
|
||||
}
|
||||
main {
|
||||
// overflow: hidden;
|
||||
// This prevents blank scroll area when Gitako is open and window is narrow.
|
||||
// But it conflicts with the pr toolbar. Keep it here as a reminder.
|
||||
|
||||
& > *:first-child {
|
||||
// repo info and nav bar
|
||||
box-shadow: inset 0 -1px 0 #e1e4e8; // from .UnderlineNav
|
||||
|
||||
& > * {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
nav {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// gitee
|
||||
&.git-project {
|
||||
#git-header-nav {
|
||||
position: static;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.with-gitako-spacing {
|
||||
margin-left: var(--gitako-width);
|
||||
|
||||
// gitee
|
||||
&.git-project {
|
||||
width: auto; // shrink width
|
||||
.site-content {
|
||||
min-width: 1040px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $github-content-width) {
|
||||
// github
|
||||
body.env-production {
|
||||
min-width: $github-content-width;
|
||||
}
|
||||
}
|
||||
|
||||
.markdown-body {
|
||||
.clippy-wrapper {
|
||||
position: relative;
|
||||
width: 0;
|
||||
height: 0;
|
||||
top: 8px;
|
||||
left: calc(100% - 40px);
|
||||
z-index: 1;
|
||||
|
||||
.clippy {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border: 1px solid $border-gray-dark;
|
||||
border-radius: 4px;
|
||||
background: $bg-gray-light;
|
||||
&:hover {
|
||||
background: $bg-white;
|
||||
}
|
||||
&:active {
|
||||
background: $bg-gray-light;
|
||||
}
|
||||
.icon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
background-image: url('~@primer/octicons-react/build/svg/clippy-16.svg?inline');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
&.success {
|
||||
background-image: url('~@primer/octicons-react/build/svg/check-16.svg?inline');
|
||||
}
|
||||
&.fail {
|
||||
background-image: url('~@primer/octicons-react/build/svg/x-16.svg?inline');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.progress-pjax-loader.is-loading {
|
||||
left: 0; /* reposition progress bar of GitHub */
|
||||
}
|
||||
|
||||
%hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@mixin flex-center {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@mixin icon-button {
|
||||
@include flex-center();
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@mixin button-color {
|
||||
border: none;
|
||||
background: $gray-000;
|
||||
&:hover {
|
||||
background: $gray-200;
|
||||
}
|
||||
&:active {
|
||||
background: $gray-300;
|
||||
}
|
||||
}
|
||||
|
||||
.#{$name}-toggle-show-button-wrapper {
|
||||
z-index: $minimal-z-index;
|
||||
position: fixed;
|
||||
top: 124px; // align with GitHub's navbar items
|
||||
left: 0px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
.#{$name}-toggle-show-button {
|
||||
@include icon-button;
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
.octoface-icon {
|
||||
@include flex-center();
|
||||
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid $border-gray-dark;
|
||||
background: $bg-gray;
|
||||
color: $gray-900;
|
||||
&:active {
|
||||
color: $gray-600;
|
||||
}
|
||||
transition: all ease 0.3s;
|
||||
font-size: 16px;
|
||||
transform: translateX(0px);
|
||||
&:active,
|
||||
&:hover {
|
||||
transform: translateX(4px);
|
||||
}
|
||||
}
|
||||
.tentacle {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
transition: all ease 0.4s;
|
||||
transform: translateX(-16px);
|
||||
}
|
||||
&:active,
|
||||
&:hover {
|
||||
.tentacle {
|
||||
transform: translateX(-12px);
|
||||
filter: drop-shadow(0 0 2px #888888);
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
filter: drop-shadow(0 0 1px #aaaaaa);
|
||||
transition: all ease 0.3s;
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.error-message {
|
||||
display: none;
|
||||
margin-left: 4px;
|
||||
padding: 2px 4px;
|
||||
font-size: 12px;
|
||||
color: $text-red;
|
||||
border: 1px solid $gray-200;
|
||||
border-radius: 2px;
|
||||
background-color: $gray-100;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.error-message {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.#{$name}-side-bar {
|
||||
@import '~@primer/css/base/index.scss';
|
||||
button {
|
||||
border-radius: 6px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.#{$name}-position-wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100vh;
|
||||
z-index: $minimal-z-index;
|
||||
display: flex;
|
||||
|
||||
&.hidden {
|
||||
@extend %hidden;
|
||||
}
|
||||
|
||||
.gitako-position-content {
|
||||
width: var(--gitako-width);
|
||||
}
|
||||
}
|
||||
.#{$name}-resize-handler {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: ew-resize;
|
||||
user-select: none;
|
||||
width: 0;
|
||||
background: $bg-gray;
|
||||
border-right: 1px solid $border-gray-dark;
|
||||
overflow: hidden;
|
||||
box-sizing: content-box;
|
||||
&:hover,
|
||||
&:active {
|
||||
width: 16px;
|
||||
background: $bg-gray-light;
|
||||
border-left: 1px solid $border-gray-dark;
|
||||
}
|
||||
|
||||
.octicon.Grabber {
|
||||
margin-left: -2px;
|
||||
width: 20px;
|
||||
font-size: 0;
|
||||
}
|
||||
}
|
||||
.#{$name}-side-bar-body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: $bg-gray-light;
|
||||
border-left: 1px solid $border-gray;
|
||||
overflow: hidden;
|
||||
|
||||
&.hidden {
|
||||
@extend %hidden;
|
||||
}
|
||||
|
||||
.octicon {
|
||||
transition: transform 0.3s ease;
|
||||
color: rgba($blue-800, 0.55);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.octicon-color {
|
||||
color: rgba($blue-800, 0.55);
|
||||
}
|
||||
|
||||
.octicon-wrapper {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
min-width: 16px; // prevent shrink when sidebar is narrow
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.#{$name}-side-bar-content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
max-height: calc(100vh - 34px); // temporary fix for layout issue occurred since Chrome v76
|
||||
min-height: 0; // make content shrinkable
|
||||
|
||||
.header {
|
||||
$button-size: 32px;
|
||||
position: relative;
|
||||
|
||||
.meta-bar {
|
||||
position: relative; // prevent overlap by outline of other elements
|
||||
min-height: 62px; // GitHub header height if login
|
||||
flex-shrink: 0;
|
||||
padding: 8px 10px;
|
||||
padding-right: $button-size + 8px * 2; // space for toggle button
|
||||
background: $gray-000;
|
||||
}
|
||||
|
||||
.close-side-bar-button-position {
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
.close-side-bar-button {
|
||||
@include icon-button;
|
||||
@include button-color;
|
||||
width: $button-size;
|
||||
height: $button-size;
|
||||
border-radius: $button-size;
|
||||
transition: background linear 0.3s;
|
||||
|
||||
.action-icon {
|
||||
color: $gray;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
.octicon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
border-top: 1px solid $border-gray;
|
||||
padding: 4px 10px;
|
||||
}
|
||||
|
||||
.loading-indicator-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include flex-center();
|
||||
border-top: 1px solid $border-gray;
|
||||
|
||||
.loading-indicator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 4px;
|
||||
|
||||
.octicon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
animation: pulse-rotate 1.8s infinite ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.file-explorer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
outline: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
&.freeze {
|
||||
filter: blur(1.5px) opacity(0.6) grayscale(0.9);
|
||||
cursor: pointer;
|
||||
|
||||
> * {
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* search input */
|
||||
.search-input-wrapper {
|
||||
.search-input {
|
||||
width: 100%;
|
||||
box-shadow: none; // stay low
|
||||
border-radius: 0; // its rounded corner not match with nearby elements
|
||||
|
||||
&.error {
|
||||
border-color: $red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.files {
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
overflow-x: hidden; // prevent x-scroll bar show up while sizing
|
||||
}
|
||||
|
||||
.node-item {
|
||||
background: $bg-white;
|
||||
&:hover {
|
||||
background: $bg-gray-light;
|
||||
}
|
||||
&.focused,
|
||||
&:active {
|
||||
background: $bg-gray;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
.node-item {
|
||||
pointer-events: none;
|
||||
color: $gray-light;
|
||||
}
|
||||
}
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0;
|
||||
color: $blue;
|
||||
line-height: 18px;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid $border-gray-light;
|
||||
white-space: nowrap;
|
||||
transition: padding 0.3s ease; // on toggle expansion in search results
|
||||
|
||||
@mixin icon-size() {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.octicon-wrapper:first-child {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
&-type-icon {
|
||||
margin-right: 4px;
|
||||
width: 16px;
|
||||
// not specify height here, it'll break vertical alignment
|
||||
|
||||
& + .octicon-wrapper,
|
||||
& + .node-item-icon {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&-icon {
|
||||
@include icon-size();
|
||||
object-fit: contain;
|
||||
vertical-align: text-bottom;
|
||||
box-sizing: content-box;
|
||||
|
||||
&.dim {
|
||||
filter: sepia(1) hue-rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
// folder icon rotate when expand
|
||||
&.expanded .octicon.ChevronRight {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.node-item-label {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.go-to-button {
|
||||
white-space: nowrap;
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
&:not(:hover) {
|
||||
.go-to-button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.#{$name}-settings-bar {
|
||||
z-index: 2;
|
||||
background: $bg-gray-light;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-height: calc(100vh - 120px);
|
||||
&-title {
|
||||
border-top: 1px solid $border-gray-light;
|
||||
padding: 10px;
|
||||
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
|
||||
0 3px 3px -2px rgba(0, 0, 0, 0.12);
|
||||
z-index: 1;
|
||||
}
|
||||
&-content {
|
||||
padding: 10px 10px;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
|
||||
.shadow-shelter {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: $bg-gray-light;
|
||||
z-index: 1;
|
||||
}
|
||||
.settings-section {
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.field {
|
||||
margin-bottom: 8px;
|
||||
|
||||
.help {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 0px;
|
||||
font-weight: 600;
|
||||
}
|
||||
input {
|
||||
&:disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
select {
|
||||
width: 100%;
|
||||
-moz-appearance: menulist-button;
|
||||
// make it look like text inputs
|
||||
height: 36px;
|
||||
background: $bg-white;
|
||||
border: 1px solid $border-color;
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0px 2px 0px rgba(225, 228, 232, 0.2);
|
||||
}
|
||||
&.field-checkbox {
|
||||
padding-left: 20px;
|
||||
vertical-align: middle;
|
||||
label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
input[type='checkbox'],
|
||||
input[type='radio'] {
|
||||
float: left;
|
||||
margin: 5px 0 0 -20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.link-button {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.hint {
|
||||
color: $gray;
|
||||
}
|
||||
.access-token-input-control {
|
||||
display: flex;
|
||||
.access-token-input {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
.toggle-shortcut-input-control {
|
||||
display: flex;
|
||||
.toggle-shortcut-input {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
.header-row {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 2px 6px 2px 10px;
|
||||
border-top: 1px solid $border-gray-light;
|
||||
|
||||
.header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
cursor: help; // Will this make user hover for more time to see the tooltip?
|
||||
}
|
||||
|
||||
.settings-button {
|
||||
@include icon-button();
|
||||
@include button-color();
|
||||
$size: 32px;
|
||||
width: $size;
|
||||
height: $size;
|
||||
border-radius: $size;
|
||||
|
||||
.octicon-wrapper {
|
||||
width: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// gitee
|
||||
.git-project {
|
||||
// reset styles
|
||||
.#{$name}-side-bar {
|
||||
input[type='text'],
|
||||
input[type='password'],
|
||||
.ui-autocomplete-input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
padding: initial;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
from {
|
||||
transform: rotateZ(0);
|
||||
}
|
||||
to {
|
||||
transform: rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pulse-rotate {
|
||||
0% {
|
||||
transform: rotateZ(0);
|
||||
}
|
||||
20% {
|
||||
transform: rotateZ(190deg);
|
||||
}
|
||||
30% {
|
||||
transform: rotateZ(175deg);
|
||||
}
|
||||
50% {
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
70% {
|
||||
transform: rotateZ(370deg);
|
||||
}
|
||||
80% {
|
||||
transform: rotateZ(355deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
@import './styles/index.scss';
|
||||
|
|
|
|||
568
src/styles/dark/export.scss
Normal file
568
src/styles/dark/export.scss
Normal file
|
|
@ -0,0 +1,568 @@
|
|||
@use './variables.scss' as variables;
|
||||
|
||||
:root[data-color-mode='dark'] {
|
||||
--gitako-auto-black: #{variables.$auto-black};
|
||||
--gitako-auto-white: #{variables.$auto-white};
|
||||
--gitako-auto-gray-0: #{variables.$auto-gray-0};
|
||||
--gitako-auto-gray-1: #{variables.$auto-gray-1};
|
||||
--gitako-auto-gray-2: #{variables.$auto-gray-2};
|
||||
--gitako-auto-gray-3: #{variables.$auto-gray-3};
|
||||
--gitako-auto-gray-4: #{variables.$auto-gray-4};
|
||||
--gitako-auto-gray-5: #{variables.$auto-gray-5};
|
||||
--gitako-auto-gray-6: #{variables.$auto-gray-6};
|
||||
--gitako-auto-gray-7: #{variables.$auto-gray-7};
|
||||
--gitako-auto-gray-8: #{variables.$auto-gray-8};
|
||||
--gitako-auto-gray-9: #{variables.$auto-gray-9};
|
||||
--gitako-auto-blue-0: #{variables.$auto-blue-0};
|
||||
--gitako-auto-blue-1: #{variables.$auto-blue-1};
|
||||
--gitako-auto-blue-2: #{variables.$auto-blue-2};
|
||||
--gitako-auto-blue-3: #{variables.$auto-blue-3};
|
||||
--gitako-auto-blue-4: #{variables.$auto-blue-4};
|
||||
--gitako-auto-blue-5: #{variables.$auto-blue-5};
|
||||
--gitako-auto-blue-6: #{variables.$auto-blue-6};
|
||||
--gitako-auto-blue-7: #{variables.$auto-blue-7};
|
||||
--gitako-auto-blue-8: #{variables.$auto-blue-8};
|
||||
--gitako-auto-blue-9: #{variables.$auto-blue-9};
|
||||
--gitako-auto-green-0: #{variables.$auto-green-0};
|
||||
--gitako-auto-green-1: #{variables.$auto-green-1};
|
||||
--gitako-auto-green-2: #{variables.$auto-green-2};
|
||||
--gitako-auto-green-3: #{variables.$auto-green-3};
|
||||
--gitako-auto-green-4: #{variables.$auto-green-4};
|
||||
--gitako-auto-green-5: #{variables.$auto-green-5};
|
||||
--gitako-auto-green-6: #{variables.$auto-green-6};
|
||||
--gitako-auto-green-7: #{variables.$auto-green-7};
|
||||
--gitako-auto-green-8: #{variables.$auto-green-8};
|
||||
--gitako-auto-green-9: #{variables.$auto-green-9};
|
||||
--gitako-auto-yellow-0: #{variables.$auto-yellow-0};
|
||||
--gitako-auto-yellow-1: #{variables.$auto-yellow-1};
|
||||
--gitako-auto-yellow-2: #{variables.$auto-yellow-2};
|
||||
--gitako-auto-yellow-3: #{variables.$auto-yellow-3};
|
||||
--gitako-auto-yellow-4: #{variables.$auto-yellow-4};
|
||||
--gitako-auto-yellow-5: #{variables.$auto-yellow-5};
|
||||
--gitako-auto-yellow-6: #{variables.$auto-yellow-6};
|
||||
--gitako-auto-yellow-7: #{variables.$auto-yellow-7};
|
||||
--gitako-auto-yellow-8: #{variables.$auto-yellow-8};
|
||||
--gitako-auto-yellow-9: #{variables.$auto-yellow-9};
|
||||
--gitako-auto-orange-0: #{variables.$auto-orange-0};
|
||||
--gitako-auto-orange-1: #{variables.$auto-orange-1};
|
||||
--gitako-auto-orange-2: #{variables.$auto-orange-2};
|
||||
--gitako-auto-orange-3: #{variables.$auto-orange-3};
|
||||
--gitako-auto-orange-4: #{variables.$auto-orange-4};
|
||||
--gitako-auto-orange-5: #{variables.$auto-orange-5};
|
||||
--gitako-auto-orange-6: #{variables.$auto-orange-6};
|
||||
--gitako-auto-orange-7: #{variables.$auto-orange-7};
|
||||
--gitako-auto-orange-8: #{variables.$auto-orange-8};
|
||||
--gitako-auto-orange-9: #{variables.$auto-orange-9};
|
||||
--gitako-auto-red-0: #{variables.$auto-red-0};
|
||||
--gitako-auto-red-1: #{variables.$auto-red-1};
|
||||
--gitako-auto-red-2: #{variables.$auto-red-2};
|
||||
--gitako-auto-red-3: #{variables.$auto-red-3};
|
||||
--gitako-auto-red-4: #{variables.$auto-red-4};
|
||||
--gitako-auto-red-5: #{variables.$auto-red-5};
|
||||
--gitako-auto-red-6: #{variables.$auto-red-6};
|
||||
--gitako-auto-red-7: #{variables.$auto-red-7};
|
||||
--gitako-auto-red-8: #{variables.$auto-red-8};
|
||||
--gitako-auto-red-9: #{variables.$auto-red-9};
|
||||
--gitako-auto-purple-0: #{variables.$auto-purple-0};
|
||||
--gitako-auto-purple-1: #{variables.$auto-purple-1};
|
||||
--gitako-auto-purple-2: #{variables.$auto-purple-2};
|
||||
--gitako-auto-purple-3: #{variables.$auto-purple-3};
|
||||
--gitako-auto-purple-4: #{variables.$auto-purple-4};
|
||||
--gitako-auto-purple-5: #{variables.$auto-purple-5};
|
||||
--gitako-auto-purple-6: #{variables.$auto-purple-6};
|
||||
--gitako-auto-purple-7: #{variables.$auto-purple-7};
|
||||
--gitako-auto-purple-8: #{variables.$auto-purple-8};
|
||||
--gitako-auto-purple-9: #{variables.$auto-purple-9};
|
||||
--gitako-auto-pink-0: #{variables.$auto-pink-0};
|
||||
--gitako-auto-pink-1: #{variables.$auto-pink-1};
|
||||
--gitako-auto-pink-2: #{variables.$auto-pink-2};
|
||||
--gitako-auto-pink-3: #{variables.$auto-pink-3};
|
||||
--gitako-auto-pink-4: #{variables.$auto-pink-4};
|
||||
--gitako-auto-pink-5: #{variables.$auto-pink-5};
|
||||
--gitako-auto-pink-6: #{variables.$auto-pink-6};
|
||||
--gitako-auto-pink-7: #{variables.$auto-pink-7};
|
||||
--gitako-auto-pink-8: #{variables.$auto-pink-8};
|
||||
--gitako-auto-pink-9: #{variables.$auto-pink-9};
|
||||
--gitako-text-primary: #{variables.$text-primary};
|
||||
--gitako-text-secondary: #{variables.$text-secondary};
|
||||
--gitako-text-tertiary: #{variables.$text-tertiary};
|
||||
--gitako-text-placeholder: #{variables.$text-placeholder};
|
||||
--gitako-text-disabled: #{variables.$text-disabled};
|
||||
--gitako-text-inverse: #{variables.$text-inverse};
|
||||
--gitako-text-link: #{variables.$text-link};
|
||||
--gitako-text-danger: #{variables.$text-danger};
|
||||
--gitako-text-success: #{variables.$text-success};
|
||||
--gitako-text-warning: #{variables.$text-warning};
|
||||
--gitako-text-white: #{variables.$text-white};
|
||||
--gitako-icon-primary: #{variables.$icon-primary};
|
||||
--gitako-icon-secondary: #{variables.$icon-secondary};
|
||||
--gitako-icon-tertiary: #{variables.$icon-tertiary};
|
||||
--gitako-icon-info: #{variables.$icon-info};
|
||||
--gitako-icon-danger: #{variables.$icon-danger};
|
||||
--gitako-icon-success: #{variables.$icon-success};
|
||||
--gitako-icon-warning: #{variables.$icon-warning};
|
||||
--gitako-border-primary: #{variables.$border-primary};
|
||||
--gitako-border-secondary: #{variables.$border-secondary};
|
||||
--gitako-border-tertiary: #{variables.$border-tertiary};
|
||||
--gitako-border-overlay: #{variables.$border-overlay};
|
||||
--gitako-border-inverse: #{variables.$border-inverse};
|
||||
--gitako-border-info: #{variables.$border-info};
|
||||
--gitako-border-danger: #{variables.$border-danger};
|
||||
--gitako-border-success: #{variables.$border-success};
|
||||
--gitako-border-warning: #{variables.$border-warning};
|
||||
--gitako-bg-canvas: #{variables.$bg-canvas};
|
||||
--gitako-bg-canvas-mobile: #{variables.$bg-canvas-mobile};
|
||||
--gitako-bg-canvas-inverse: #{variables.$bg-canvas-inverse};
|
||||
--gitako-bg-canvas-inset: #{variables.$bg-canvas-inset};
|
||||
--gitako-bg-primary: #{variables.$bg-primary};
|
||||
--gitako-bg-secondary: #{variables.$bg-secondary};
|
||||
--gitako-bg-tertiary: #{variables.$bg-tertiary};
|
||||
--gitako-bg-overlay: #{variables.$bg-overlay};
|
||||
--gitako-bg-backdrop: #{variables.$bg-backdrop};
|
||||
--gitako-bg-info: #{variables.$bg-info};
|
||||
--gitako-bg-info-inverse: #{variables.$bg-info-inverse};
|
||||
--gitako-bg-danger: #{variables.$bg-danger};
|
||||
--gitako-bg-danger-inverse: #{variables.$bg-danger-inverse};
|
||||
--gitako-bg-success: #{variables.$bg-success};
|
||||
--gitako-bg-success-inverse: #{variables.$bg-success-inverse};
|
||||
--gitako-bg-warning: #{variables.$bg-warning};
|
||||
--gitako-bg-warning-inverse: #{variables.$bg-warning-inverse};
|
||||
--gitako-shadow-small: #{variables.$shadow-small};
|
||||
--gitako-shadow-medium: #{variables.$shadow-medium};
|
||||
--gitako-shadow-large: #{variables.$shadow-large};
|
||||
--gitako-shadow-extra-large: #{variables.$shadow-extra-large};
|
||||
--gitako-shadow-highlight: #{variables.$shadow-highlight};
|
||||
--gitako-shadow-inset: #{variables.$shadow-inset};
|
||||
--gitako-state-hover-primary-bg: #{variables.$state-hover-primary-bg};
|
||||
--gitako-state-hover-primary-border: #{variables.$state-hover-primary-border};
|
||||
--gitako-state-hover-primary-text: #{variables.$state-hover-primary-text};
|
||||
--gitako-state-hover-primary-icon: #{variables.$state-hover-primary-icon};
|
||||
--gitako-state-hover-secondary-bg: #{variables.$state-hover-secondary-bg};
|
||||
--gitako-state-hover-secondary-border: #{variables.$state-hover-secondary-border};
|
||||
--gitako-state-selected-primary-bg: #{variables.$state-selected-primary-bg};
|
||||
--gitako-state-selected-primary-border: #{variables.$state-selected-primary-border};
|
||||
--gitako-state-selected-primary-text: #{variables.$state-selected-primary-text};
|
||||
--gitako-state-selected-primary-icon: #{variables.$state-selected-primary-icon};
|
||||
--gitako-state-focus-border: #{variables.$state-focus-border};
|
||||
--gitako-state-focus-shadow: #{variables.$state-focus-shadow};
|
||||
--gitako-fade-fg-10: #{variables.$fade-fg-10};
|
||||
--gitako-fade-fg-15: #{variables.$fade-fg-15};
|
||||
--gitako-fade-fg-30: #{variables.$fade-fg-30};
|
||||
--gitako-fade-fg-50: #{variables.$fade-fg-50};
|
||||
--gitako-fade-fg-70: #{variables.$fade-fg-70};
|
||||
--gitako-fade-fg-85: #{variables.$fade-fg-85};
|
||||
--gitako-fade-black-10: #{variables.$fade-black-10};
|
||||
--gitako-fade-black-15: #{variables.$fade-black-15};
|
||||
--gitako-fade-black-30: #{variables.$fade-black-30};
|
||||
--gitako-fade-black-50: #{variables.$fade-black-50};
|
||||
--gitako-fade-black-70: #{variables.$fade-black-70};
|
||||
--gitako-fade-black-85: #{variables.$fade-black-85};
|
||||
--gitako-fade-white-10: #{variables.$fade-white-10};
|
||||
--gitako-fade-white-15: #{variables.$fade-white-15};
|
||||
--gitako-fade-white-30: #{variables.$fade-white-30};
|
||||
--gitako-fade-white-50: #{variables.$fade-white-50};
|
||||
--gitako-fade-white-70: #{variables.$fade-white-70};
|
||||
--gitako-fade-white-85: #{variables.$fade-white-85};
|
||||
--gitako-alert-info-text: #{variables.$alert-info-text};
|
||||
--gitako-alert-info-icon: #{variables.$alert-info-icon};
|
||||
--gitako-alert-info-bg: #{variables.$alert-info-bg};
|
||||
--gitako-alert-info-border: #{variables.$alert-info-border};
|
||||
--gitako-alert-warn-text: #{variables.$alert-warn-text};
|
||||
--gitako-alert-warn-icon: #{variables.$alert-warn-icon};
|
||||
--gitako-alert-warn-bg: #{variables.$alert-warn-bg};
|
||||
--gitako-alert-warn-border: #{variables.$alert-warn-border};
|
||||
--gitako-alert-error-text: #{variables.$alert-error-text};
|
||||
--gitako-alert-error-icon: #{variables.$alert-error-icon};
|
||||
--gitako-alert-error-bg: #{variables.$alert-error-bg};
|
||||
--gitako-alert-error-border: #{variables.$alert-error-border};
|
||||
--gitako-alert-success-text: #{variables.$alert-success-text};
|
||||
--gitako-alert-success-icon: #{variables.$alert-success-icon};
|
||||
--gitako-alert-success-bg: #{variables.$alert-success-bg};
|
||||
--gitako-alert-success-border: #{variables.$alert-success-border};
|
||||
--gitako-autocomplete-shadow: #{variables.$autocomplete-shadow};
|
||||
--gitako-autocomplete-row-border: #{variables.$autocomplete-row-border};
|
||||
--gitako-blankslate-icon: #{variables.$blankslate-icon};
|
||||
--gitako-btn-text: #{variables.$btn-text};
|
||||
--gitako-btn-bg: #{variables.$btn-bg};
|
||||
--gitako-btn-border: #{variables.$btn-border};
|
||||
--gitako-btn-shadow: #{variables.$btn-shadow};
|
||||
--gitako-btn-inset-shadow: #{variables.$btn-inset-shadow};
|
||||
--gitako-btn-hover-bg: #{variables.$btn-hover-bg};
|
||||
--gitako-btn-hover-border: #{variables.$btn-hover-border};
|
||||
--gitako-btn-selected-bg: #{variables.$btn-selected-bg};
|
||||
--gitako-btn-focus-bg: #{variables.$btn-focus-bg};
|
||||
--gitako-btn-focus-border: #{variables.$btn-focus-border};
|
||||
--gitako-btn-focus-shadow: #{variables.$btn-focus-shadow};
|
||||
--gitako-btn-shadow-active: #{variables.$btn-shadow-active};
|
||||
--gitako-btn-shadow-input-focus: #{variables.$btn-shadow-input-focus};
|
||||
--gitako-btn-primary-text: #{variables.$btn-primary-text};
|
||||
--gitako-btn-primary-bg: #{variables.$btn-primary-bg};
|
||||
--gitako-btn-primary-border: #{variables.$btn-primary-border};
|
||||
--gitako-btn-primary-shadow: #{variables.$btn-primary-shadow};
|
||||
--gitako-btn-primary-inset-shadow: #{variables.$btn-primary-inset-shadow};
|
||||
--gitako-btn-primary-hover-bg: #{variables.$btn-primary-hover-bg};
|
||||
--gitako-btn-primary-hover-border: #{variables.$btn-primary-hover-border};
|
||||
--gitako-btn-primary-selected-bg: #{variables.$btn-primary-selected-bg};
|
||||
--gitako-btn-primary-selected-shadow: #{variables.$btn-primary-selected-shadow};
|
||||
--gitako-btn-primary-disabled-text: #{variables.$btn-primary-disabled-text};
|
||||
--gitako-btn-primary-disabled-bg: #{variables.$btn-primary-disabled-bg};
|
||||
--gitako-btn-primary-disabled-border: #{variables.$btn-primary-disabled-border};
|
||||
--gitako-btn-primary-focus-bg: #{variables.$btn-primary-focus-bg};
|
||||
--gitako-btn-primary-focus-border: #{variables.$btn-primary-focus-border};
|
||||
--gitako-btn-primary-focus-shadow: #{variables.$btn-primary-focus-shadow};
|
||||
--gitako-btn-primary-icon: #{variables.$btn-primary-icon};
|
||||
--gitako-btn-primary-counter-bg: #{variables.$btn-primary-counter-bg};
|
||||
--gitako-btn-outline-text: #{variables.$btn-outline-text};
|
||||
--gitako-btn-outline-hover-text: #{variables.$btn-outline-hover-text};
|
||||
--gitako-btn-outline-hover-bg: #{variables.$btn-outline-hover-bg};
|
||||
--gitako-btn-outline-hover-border: #{variables.$btn-outline-hover-border};
|
||||
--gitako-btn-outline-hover-shadow: #{variables.$btn-outline-hover-shadow};
|
||||
--gitako-btn-outline-hover-inset-shadow: #{variables.$btn-outline-hover-inset-shadow};
|
||||
--gitako-btn-outline-hover-counter-bg: #{variables.$btn-outline-hover-counter-bg};
|
||||
--gitako-btn-outline-selected-text: #{variables.$btn-outline-selected-text};
|
||||
--gitako-btn-outline-selected-bg: #{variables.$btn-outline-selected-bg};
|
||||
--gitako-btn-outline-selected-border: #{variables.$btn-outline-selected-border};
|
||||
--gitako-btn-outline-selected-shadow: #{variables.$btn-outline-selected-shadow};
|
||||
--gitako-btn-outline-disabled-text: #{variables.$btn-outline-disabled-text};
|
||||
--gitako-btn-outline-disabled-bg: #{variables.$btn-outline-disabled-bg};
|
||||
--gitako-btn-outline-disabled-counter-bg: #{variables.$btn-outline-disabled-counter-bg};
|
||||
--gitako-btn-outline-focus-border: #{variables.$btn-outline-focus-border};
|
||||
--gitako-btn-outline-focus-shadow: #{variables.$btn-outline-focus-shadow};
|
||||
--gitako-btn-outline-counter-bg: #{variables.$btn-outline-counter-bg};
|
||||
--gitako-btn-danger-text: #{variables.$btn-danger-text};
|
||||
--gitako-btn-danger-hover-text: #{variables.$btn-danger-hover-text};
|
||||
--gitako-btn-danger-hover-bg: #{variables.$btn-danger-hover-bg};
|
||||
--gitako-btn-danger-hover-border: #{variables.$btn-danger-hover-border};
|
||||
--gitako-btn-danger-hover-shadow: #{variables.$btn-danger-hover-shadow};
|
||||
--gitako-btn-danger-hover-inset-shadow: #{variables.$btn-danger-hover-inset-shadow};
|
||||
--gitako-btn-danger-hover-counter-bg: #{variables.$btn-danger-hover-counter-bg};
|
||||
--gitako-btn-danger-selected-text: #{variables.$btn-danger-selected-text};
|
||||
--gitako-btn-danger-selected-bg: #{variables.$btn-danger-selected-bg};
|
||||
--gitako-btn-danger-selected-border: #{variables.$btn-danger-selected-border};
|
||||
--gitako-btn-danger-selected-shadow: #{variables.$btn-danger-selected-shadow};
|
||||
--gitako-btn-danger-disabled-text: #{variables.$btn-danger-disabled-text};
|
||||
--gitako-btn-danger-disabled-bg: #{variables.$btn-danger-disabled-bg};
|
||||
--gitako-btn-danger-disabled-counter-bg: #{variables.$btn-danger-disabled-counter-bg};
|
||||
--gitako-btn-danger-focus-border: #{variables.$btn-danger-focus-border};
|
||||
--gitako-btn-danger-focus-shadow: #{variables.$btn-danger-focus-shadow};
|
||||
--gitako-btn-danger-counter-bg: #{variables.$btn-danger-counter-bg};
|
||||
--gitako-btn-counter-bg: #{variables.$btn-counter-bg};
|
||||
--gitako-counter-text: #{variables.$counter-text};
|
||||
--gitako-counter-bg: #{variables.$counter-bg};
|
||||
--gitako-counter-primary-text: #{variables.$counter-primary-text};
|
||||
--gitako-counter-primary-bg: #{variables.$counter-primary-bg};
|
||||
--gitako-counter-secondary-text: #{variables.$counter-secondary-text};
|
||||
--gitako-dropdown-shadow: #{variables.$dropdown-shadow};
|
||||
--gitako-label-border: #{variables.$label-border};
|
||||
--gitako-label-primary-text: #{variables.$label-primary-text};
|
||||
--gitako-label-primary-border: #{variables.$label-primary-border};
|
||||
--gitako-label-secondary-text: #{variables.$label-secondary-text};
|
||||
--gitako-label-secondary-border: #{variables.$label-secondary-border};
|
||||
--gitako-label-info-text: #{variables.$label-info-text};
|
||||
--gitako-label-info-border: #{variables.$label-info-border};
|
||||
--gitako-label-success-text: #{variables.$label-success-text};
|
||||
--gitako-label-success-border: #{variables.$label-success-border};
|
||||
--gitako-label-warning-text: #{variables.$label-warning-text};
|
||||
--gitako-label-warning-border: #{variables.$label-warning-border};
|
||||
--gitako-label-danger-text: #{variables.$label-danger-text};
|
||||
--gitako-label-danger-border: #{variables.$label-danger-border};
|
||||
--gitako-label-orange-text: #{variables.$label-orange-text};
|
||||
--gitako-label-orange-border: #{variables.$label-orange-border};
|
||||
--gitako-input-bg: #{variables.$input-bg};
|
||||
--gitako-input-contrast-bg: #{variables.$input-contrast-bg};
|
||||
--gitako-input-border: #{variables.$input-border};
|
||||
--gitako-input-shadow: #{variables.$input-shadow};
|
||||
--gitako-input-disabled-bg: #{variables.$input-disabled-bg};
|
||||
--gitako-input-disabled-border: #{variables.$input-disabled-border};
|
||||
--gitako-input-warning-border: #{variables.$input-warning-border};
|
||||
--gitako-input-error-border: #{variables.$input-error-border};
|
||||
--gitako-input-tooltip-success-text: #{variables.$input-tooltip-success-text};
|
||||
--gitako-input-tooltip-success-bg: #{variables.$input-tooltip-success-bg};
|
||||
--gitako-input-tooltip-success-border: #{variables.$input-tooltip-success-border};
|
||||
--gitako-input-tooltip-warning-text: #{variables.$input-tooltip-warning-text};
|
||||
--gitako-input-tooltip-warning-bg: #{variables.$input-tooltip-warning-bg};
|
||||
--gitako-input-tooltip-warning-border: #{variables.$input-tooltip-warning-border};
|
||||
--gitako-input-tooltip-error-text: #{variables.$input-tooltip-error-text};
|
||||
--gitako-input-tooltip-error-bg: #{variables.$input-tooltip-error-bg};
|
||||
--gitako-input-tooltip-error-border: #{variables.$input-tooltip-error-border};
|
||||
--gitako-avatar-bg: #{variables.$avatar-bg};
|
||||
--gitako-avatar-border: #{variables.$avatar-border};
|
||||
--gitako-avatar-stack-fade: #{variables.$avatar-stack-fade};
|
||||
--gitako-avatar-stack-fade-more: #{variables.$avatar-stack-fade-more};
|
||||
--gitako-avatar-child-shadow: #{variables.$avatar-child-shadow};
|
||||
--gitako-toast-text: #{variables.$toast-text};
|
||||
--gitako-toast-bg: #{variables.$toast-bg};
|
||||
--gitako-toast-border: #{variables.$toast-border};
|
||||
--gitako-toast-shadow: #{variables.$toast-shadow};
|
||||
--gitako-toast-icon: #{variables.$toast-icon};
|
||||
--gitako-toast-icon-bg: #{variables.$toast-icon-bg};
|
||||
--gitako-toast-icon-border: #{variables.$toast-icon-border};
|
||||
--gitako-toast-success-text: #{variables.$toast-success-text};
|
||||
--gitako-toast-success-border: #{variables.$toast-success-border};
|
||||
--gitako-toast-success-icon: #{variables.$toast-success-icon};
|
||||
--gitako-toast-success-icon-bg: #{variables.$toast-success-icon-bg};
|
||||
--gitako-toast-success-icon-border: #{variables.$toast-success-icon-border};
|
||||
--gitako-toast-warning-text: #{variables.$toast-warning-text};
|
||||
--gitako-toast-warning-border: #{variables.$toast-warning-border};
|
||||
--gitako-toast-warning-icon: #{variables.$toast-warning-icon};
|
||||
--gitako-toast-warning-icon-bg: #{variables.$toast-warning-icon-bg};
|
||||
--gitako-toast-warning-icon-border: #{variables.$toast-warning-icon-border};
|
||||
--gitako-toast-danger-text: #{variables.$toast-danger-text};
|
||||
--gitako-toast-danger-border: #{variables.$toast-danger-border};
|
||||
--gitako-toast-danger-icon: #{variables.$toast-danger-icon};
|
||||
--gitako-toast-danger-icon-bg: #{variables.$toast-danger-icon-bg};
|
||||
--gitako-toast-danger-icon-border: #{variables.$toast-danger-icon-border};
|
||||
--gitako-toast-loading-text: #{variables.$toast-loading-text};
|
||||
--gitako-toast-loading-border: #{variables.$toast-loading-border};
|
||||
--gitako-toast-loading-icon: #{variables.$toast-loading-icon};
|
||||
--gitako-toast-loading-icon-bg: #{variables.$toast-loading-icon-bg};
|
||||
--gitako-toast-loading-icon-border: #{variables.$toast-loading-icon-border};
|
||||
--gitako-timeline-text: #{variables.$timeline-text};
|
||||
--gitako-timeline-badge-bg: #{variables.$timeline-badge-bg};
|
||||
--gitako-timeline-target-badge-border: #{variables.$timeline-target-badge-border};
|
||||
--gitako-timeline-target-badge-shadow: #{variables.$timeline-target-badge-shadow};
|
||||
--gitako-select-menu-border-secondary: #{variables.$select-menu-border-secondary};
|
||||
--gitako-select-menu-shadow: #{variables.$select-menu-shadow};
|
||||
--gitako-select-menu-backdrop-bg: #{variables.$select-menu-backdrop-bg};
|
||||
--gitako-select-menu-backdrop-border: #{variables.$select-menu-backdrop-border};
|
||||
--gitako-select-menu-tap-highlight: #{variables.$select-menu-tap-highlight};
|
||||
--gitako-select-menu-tap-focus-bg: #{variables.$select-menu-tap-focus-bg};
|
||||
--gitako-box-blue-border: #{variables.$box-blue-border};
|
||||
--gitako-box-row-yellow-bg: #{variables.$box-row-yellow-bg};
|
||||
--gitako-box-row-blue-bg: #{variables.$box-row-blue-bg};
|
||||
--gitako-box-header-blue-bg: #{variables.$box-header-blue-bg};
|
||||
--gitako-box-header-blue-border: #{variables.$box-header-blue-border};
|
||||
--gitako-box-border-info: #{variables.$box-border-info};
|
||||
--gitako-box-bg-info: #{variables.$box-bg-info};
|
||||
--gitako-box-border-warning: #{variables.$box-border-warning};
|
||||
--gitako-box-bg-warning: #{variables.$box-bg-warning};
|
||||
--gitako-branch-name-text: #{variables.$branch-name-text};
|
||||
--gitako-branch-name-icon: #{variables.$branch-name-icon};
|
||||
--gitako-branch-name-bg: #{variables.$branch-name-bg};
|
||||
--gitako-branch-name-link-text: #{variables.$branch-name-link-text};
|
||||
--gitako-branch-name-link-icon: #{variables.$branch-name-link-icon};
|
||||
--gitako-branch-name-link-bg: #{variables.$branch-name-link-bg};
|
||||
--gitako-markdown-code-bg: #{variables.$markdown-code-bg};
|
||||
--gitako-markdown-frame-border: #{variables.$markdown-frame-border};
|
||||
--gitako-markdown-blockquote-border: #{variables.$markdown-blockquote-border};
|
||||
--gitako-markdown-table-border: #{variables.$markdown-table-border};
|
||||
--gitako-markdown-table-tr-border: #{variables.$markdown-table-tr-border};
|
||||
--gitako-menu-heading-text: #{variables.$menu-heading-text};
|
||||
--gitako-menu-border-active: #{variables.$menu-border-active};
|
||||
--gitako-menu-bg-active: #{variables.$menu-bg-active};
|
||||
--gitako-sidenav-selected-bg: #{variables.$sidenav-selected-bg};
|
||||
--gitako-sidenav-border-active: #{variables.$sidenav-border-active};
|
||||
--gitako-header-text: #{variables.$header-text};
|
||||
--gitako-header-bg: #{variables.$header-bg};
|
||||
--gitako-header-logo: #{variables.$header-logo};
|
||||
--gitako-filter-item-bar-bg: #{variables.$filter-item-bar-bg};
|
||||
--gitako-hidden-text-expander-bg: #{variables.$hidden-text-expander-bg};
|
||||
--gitako-hidden-text-expander-bg-hover: #{variables.$hidden-text-expander-bg-hover};
|
||||
--gitako-drag-and-drop-border: #{variables.$drag-and-drop-border};
|
||||
--gitako-upload-enabled-border: #{variables.$upload-enabled-border};
|
||||
--gitako-upload-enabled-border-focused: #{variables.$upload-enabled-border-focused};
|
||||
--gitako-previewable-comment-form-border: #{variables.$previewable-comment-form-border};
|
||||
--gitako-underlinenav-border: #{variables.$underlinenav-border};
|
||||
--gitako-underlinenav-border-hover: #{variables.$underlinenav-border-hover};
|
||||
--gitako-underlinenav-border-active: #{variables.$underlinenav-border-active};
|
||||
--gitako-underlinenav-text: #{variables.$underlinenav-text};
|
||||
--gitako-underlinenav-text-hover: #{variables.$underlinenav-text-hover};
|
||||
--gitako-underlinenav-text-active: #{variables.$underlinenav-text-active};
|
||||
--gitako-underlinenav-icon: #{variables.$underlinenav-icon};
|
||||
--gitako-underlinenav-icon-hover: #{variables.$underlinenav-icon-hover};
|
||||
--gitako-underlinenav-icon-active: #{variables.$underlinenav-icon-active};
|
||||
--gitako-underlinenav-counter-text: #{variables.$underlinenav-counter-text};
|
||||
--gitako-verified-badge-text: #{variables.$verified-badge-text};
|
||||
--gitako-verified-badge-bg: #{variables.$verified-badge-bg};
|
||||
--gitako-verified-badge-border: #{variables.$verified-badge-border};
|
||||
--gitako-social-count-bg: #{variables.$social-count-bg};
|
||||
--gitako-tooltip-text: #{variables.$tooltip-text};
|
||||
--gitako-tooltip-bg: #{variables.$tooltip-bg};
|
||||
--gitako-header-search-bg: #{variables.$header-search-bg};
|
||||
--gitako-header-search-border: #{variables.$header-search-border};
|
||||
--gitako-search-keyword-hl: #{variables.$search-keyword-hl};
|
||||
--gitako-diffstat-neutral-bg: #{variables.$diffstat-neutral-bg};
|
||||
--gitako-diffstat-neutral-border: #{variables.$diffstat-neutral-border};
|
||||
--gitako-diffstat-deletion-bg: #{variables.$diffstat-deletion-bg};
|
||||
--gitako-diffstat-deletion-border: #{variables.$diffstat-deletion-border};
|
||||
--gitako-diffstat-addition-bg: #{variables.$diffstat-addition-bg};
|
||||
--gitako-diffstat-addition-border: #{variables.$diffstat-addition-border};
|
||||
--gitako-files-explorer-icon: #{variables.$files-explorer-icon};
|
||||
--gitako-hl-author-bg: #{variables.$hl-author-bg};
|
||||
--gitako-hl-author-border: #{variables.$hl-author-border};
|
||||
--gitako-logo-subdued: #{variables.$logo-subdued};
|
||||
--gitako-discussion-border: #{variables.$discussion-border};
|
||||
--gitako-discussion-bg-success: #{variables.$discussion-bg-success};
|
||||
--gitako-actions-workflow-table-sticky-bg: #{variables.$actions-workflow-table-sticky-bg};
|
||||
--gitako-repo-language-color-border: #{variables.$repo-language-color-border};
|
||||
--gitako-code-selection-bg: #{variables.$code-selection-bg};
|
||||
--gitako-blob-line-highlight-bg: #{variables.$blob-line-highlight-bg};
|
||||
--gitako-blob-line-highlight-border: #{variables.$blob-line-highlight-border};
|
||||
--gitako-diff-addition-text: #{variables.$diff-addition-text};
|
||||
--gitako-diff-addition-bg: #{variables.$diff-addition-bg};
|
||||
--gitako-diff-addition-border: #{variables.$diff-addition-border};
|
||||
--gitako-diff-deletion-text: #{variables.$diff-deletion-text};
|
||||
--gitako-diff-deletion-bg: #{variables.$diff-deletion-bg};
|
||||
--gitako-diff-deletion-border: #{variables.$diff-deletion-border};
|
||||
--gitako-diff-change-text: #{variables.$diff-change-text};
|
||||
--gitako-diff-change-bg: #{variables.$diff-change-bg};
|
||||
--gitako-diff-change-border: #{variables.$diff-change-border};
|
||||
--gitako-diff-blob-num-text: #{variables.$diff-blob-num-text};
|
||||
--gitako-diff-blob-num-hover-text: #{variables.$diff-blob-num-hover-text};
|
||||
--gitako-diff-blob-addition-num-text: #{variables.$diff-blob-addition-num-text};
|
||||
--gitako-diff-blob-addition-num-hover-text: #{variables.$diff-blob-addition-num-hover-text};
|
||||
--gitako-diff-blob-addition-num-bg: #{variables.$diff-blob-addition-num-bg};
|
||||
--gitako-diff-blob-addition-line-bg: #{variables.$diff-blob-addition-line-bg};
|
||||
--gitako-diff-blob-addition-word-bg: #{variables.$diff-blob-addition-word-bg};
|
||||
--gitako-diff-blob-deletion-num-text: #{variables.$diff-blob-deletion-num-text};
|
||||
--gitako-diff-blob-deletion-num-hover-text: #{variables.$diff-blob-deletion-num-hover-text};
|
||||
--gitako-diff-blob-deletion-num-bg: #{variables.$diff-blob-deletion-num-bg};
|
||||
--gitako-diff-blob-deletion-line-bg: #{variables.$diff-blob-deletion-line-bg};
|
||||
--gitako-diff-blob-deletion-word-bg: #{variables.$diff-blob-deletion-word-bg};
|
||||
--gitako-diff-blob-hunk-text: #{variables.$diff-blob-hunk-text};
|
||||
--gitako-diff-blob-hunk-num-bg: #{variables.$diff-blob-hunk-num-bg};
|
||||
--gitako-diff-blob-hunk-line-bg: #{variables.$diff-blob-hunk-line-bg};
|
||||
--gitako-diff-blob-empty-block-bg: #{variables.$diff-blob-empty-block-bg};
|
||||
--gitako-diff-blob-selected-line-highlight-bg: #{variables.$diff-blob-selected-line-highlight-bg};
|
||||
--gitako-diff-blob-selected-line-highlight-border: #{variables.$diff-blob-selected-line-highlight-border};
|
||||
--gitako-diff-blob-selected-line-highlight-mix-blend-mode: #{variables.$diff-blob-selected-line-highlight-mix-blend-mode};
|
||||
--gitako-diff-blob-expander-icon: #{variables.$diff-blob-expander-icon};
|
||||
--gitako-diff-blob-expander-hover-icon: #{variables.$diff-blob-expander-hover-icon};
|
||||
--gitako-diff-blob-expander-hover-bg: #{variables.$diff-blob-expander-hover-bg};
|
||||
--gitako-diff-blob-comment-button-icon: #{variables.$diff-blob-comment-button-icon};
|
||||
--gitako-diff-blob-comment-button-bg: #{variables.$diff-blob-comment-button-bg};
|
||||
--gitako-diff-blob-comment-button-gradient-bg: #{variables.$diff-blob-comment-button-gradient-bg};
|
||||
--gitako-global-nav-logo: #{variables.$global-nav-logo};
|
||||
--gitako-global-nav-bg: #{variables.$global-nav-bg};
|
||||
--gitako-global-nav-text: #{variables.$global-nav-text};
|
||||
--gitako-global-nav-icon: #{variables.$global-nav-icon};
|
||||
--gitako-global-nav-input-bg: #{variables.$global-nav-input-bg};
|
||||
--gitako-global-nav-input-border: #{variables.$global-nav-input-border};
|
||||
--gitako-global-nav-input-icon: #{variables.$global-nav-input-icon};
|
||||
--gitako-global-nav-input-placeholder: #{variables.$global-nav-input-placeholder};
|
||||
--gitako-calendar-graph-day-bg: #{variables.$calendar-graph-day-bg};
|
||||
--gitako-calendar-graph-day-border: #{variables.$calendar-graph-day-border};
|
||||
--gitako-calendar-graph-day-l1-bg: #{variables.$calendar-graph-day-l1-bg};
|
||||
--gitako-calendar-graph-day-l2-bg: #{variables.$calendar-graph-day-l2-bg};
|
||||
--gitako-calendar-graph-day-l3-bg: #{variables.$calendar-graph-day-l3-bg};
|
||||
--gitako-calendar-graph-day-l4-bg: #{variables.$calendar-graph-day-l4-bg};
|
||||
--gitako-calendar-graph-day-l4-border: #{variables.$calendar-graph-day-l4-border};
|
||||
--gitako-calendar-graph-day-l3-border: #{variables.$calendar-graph-day-l3-border};
|
||||
--gitako-calendar-graph-day-l2-border: #{variables.$calendar-graph-day-l2-border};
|
||||
--gitako-calendar-graph-day-l1-border: #{variables.$calendar-graph-day-l1-border};
|
||||
--gitako-footer-invertocat-octicon: #{variables.$footer-invertocat-octicon};
|
||||
--gitako-footer-invertocat-octicon-hover: #{variables.$footer-invertocat-octicon-hover};
|
||||
--gitako-pr-state-draft-text: #{variables.$pr-state-draft-text};
|
||||
--gitako-pr-state-draft-bg: #{variables.$pr-state-draft-bg};
|
||||
--gitako-pr-state-draft-border: #{variables.$pr-state-draft-border};
|
||||
--gitako-pr-state-open-text: #{variables.$pr-state-open-text};
|
||||
--gitako-pr-state-open-bg: #{variables.$pr-state-open-bg};
|
||||
--gitako-pr-state-open-border: #{variables.$pr-state-open-border};
|
||||
--gitako-pr-state-merged-text: #{variables.$pr-state-merged-text};
|
||||
--gitako-pr-state-merged-bg: #{variables.$pr-state-merged-bg};
|
||||
--gitako-pr-state-merged-border: #{variables.$pr-state-merged-border};
|
||||
--gitako-pr-state-closed-text: #{variables.$pr-state-closed-text};
|
||||
--gitako-pr-state-closed-bg: #{variables.$pr-state-closed-bg};
|
||||
--gitako-pr-state-closed-border: #{variables.$pr-state-closed-border};
|
||||
--gitako-topic-tag-text: #{variables.$topic-tag-text};
|
||||
--gitako-topic-tag-bg: #{variables.$topic-tag-bg};
|
||||
--gitako-topic-tag-hover-bg: #{variables.$topic-tag-hover-bg};
|
||||
--gitako-topic-tag-active-bg: #{variables.$topic-tag-active-bg};
|
||||
--gitako-merge-box-success-icon-bg: #{variables.$merge-box-success-icon-bg};
|
||||
--gitako-merge-box-success-icon-text: #{variables.$merge-box-success-icon-text};
|
||||
--gitako-merge-box-success-icon-border: #{variables.$merge-box-success-icon-border};
|
||||
--gitako-merge-box-success-indicator-bg: #{variables.$merge-box-success-indicator-bg};
|
||||
--gitako-merge-box-success-indicator-border: #{variables.$merge-box-success-indicator-border};
|
||||
--gitako-merge-box-merged-icon-bg: #{variables.$merge-box-merged-icon-bg};
|
||||
--gitako-merge-box-merged-icon-text: #{variables.$merge-box-merged-icon-text};
|
||||
--gitako-merge-box-merged-icon-border: #{variables.$merge-box-merged-icon-border};
|
||||
--gitako-merge-box-merged-box-border: #{variables.$merge-box-merged-box-border};
|
||||
--gitako-merge-box-neutral-icon-bg: #{variables.$merge-box-neutral-icon-bg};
|
||||
--gitako-merge-box-neutral-icon-text: #{variables.$merge-box-neutral-icon-text};
|
||||
--gitako-merge-box-neutral-icon-border: #{variables.$merge-box-neutral-icon-border};
|
||||
--gitako-merge-box-neutral-indicator-bg: #{variables.$merge-box-neutral-indicator-bg};
|
||||
--gitako-merge-box-neutral-indicator-border: #{variables.$merge-box-neutral-indicator-border};
|
||||
--gitako-merge-box-warning-icon-bg: #{variables.$merge-box-warning-icon-bg};
|
||||
--gitako-merge-box-warning-icon-text: #{variables.$merge-box-warning-icon-text};
|
||||
--gitako-merge-box-warning-icon-border: #{variables.$merge-box-warning-icon-border};
|
||||
--gitako-merge-box-warning-box-border: #{variables.$merge-box-warning-box-border};
|
||||
--gitako-merge-box-warning-merge-highlight: #{variables.$merge-box-warning-merge-highlight};
|
||||
--gitako-merge-box-error-icon-bg: #{variables.$merge-box-error-icon-bg};
|
||||
--gitako-merge-box-error-icon-text: #{variables.$merge-box-error-icon-text};
|
||||
--gitako-merge-box-error-icon-border: #{variables.$merge-box-error-icon-border};
|
||||
--gitako-merge-box-error-indicator-bg: #{variables.$merge-box-error-indicator-bg};
|
||||
--gitako-merge-box-error-indicator-border: #{variables.$merge-box-error-indicator-border};
|
||||
--gitako-project-card-bg: #{variables.$project-card-bg};
|
||||
--gitako-project-header-bg: #{variables.$project-header-bg};
|
||||
--gitako-project-sidebar-bg: #{variables.$project-sidebar-bg};
|
||||
--gitako-project-gradient-in: #{variables.$project-gradient-in};
|
||||
--gitako-project-gradient-out: #{variables.$project-gradient-out};
|
||||
--gitako-marketing-icon-primary: #{variables.$marketing-icon-primary};
|
||||
--gitako-marketing-icon-secondary: #{variables.$marketing-icon-secondary};
|
||||
--gitako-prettylights-syntax-comment: #{variables.$prettylights-syntax-comment};
|
||||
--gitako-prettylights-syntax-constant: #{variables.$prettylights-syntax-constant};
|
||||
--gitako-prettylights-syntax-entity: #{variables.$prettylights-syntax-entity};
|
||||
--gitako-prettylights-syntax-storage-modifier-import: #{variables.$prettylights-syntax-storage-modifier-import};
|
||||
--gitako-prettylights-syntax-entity-tag: #{variables.$prettylights-syntax-entity-tag};
|
||||
--gitako-prettylights-syntax-keyword: #{variables.$prettylights-syntax-keyword};
|
||||
--gitako-prettylights-syntax-string: #{variables.$prettylights-syntax-string};
|
||||
--gitako-prettylights-syntax-variable: #{variables.$prettylights-syntax-variable};
|
||||
--gitako-prettylights-syntax-brackethighlighter-unmatched: #{variables.$prettylights-syntax-brackethighlighter-unmatched};
|
||||
--gitako-prettylights-syntax-invalid-illegal-text: #{variables.$prettylights-syntax-invalid-illegal-text};
|
||||
--gitako-prettylights-syntax-invalid-illegal-bg: #{variables.$prettylights-syntax-invalid-illegal-bg};
|
||||
--gitako-prettylights-syntax-carriage-return-text: #{variables.$prettylights-syntax-carriage-return-text};
|
||||
--gitako-prettylights-syntax-carriage-return-bg: #{variables.$prettylights-syntax-carriage-return-bg};
|
||||
--gitako-prettylights-syntax-string-regexp: #{variables.$prettylights-syntax-string-regexp};
|
||||
--gitako-prettylights-syntax-markup-list: #{variables.$prettylights-syntax-markup-list};
|
||||
--gitako-prettylights-syntax-markup-heading: #{variables.$prettylights-syntax-markup-heading};
|
||||
--gitako-prettylights-syntax-markup-italic: #{variables.$prettylights-syntax-markup-italic};
|
||||
--gitako-prettylights-syntax-markup-bold: #{variables.$prettylights-syntax-markup-bold};
|
||||
--gitako-prettylights-syntax-markup-deleted-text: #{variables.$prettylights-syntax-markup-deleted-text};
|
||||
--gitako-prettylights-syntax-markup-deleted-bg: #{variables.$prettylights-syntax-markup-deleted-bg};
|
||||
--gitako-prettylights-syntax-markup-inserted-text: #{variables.$prettylights-syntax-markup-inserted-text};
|
||||
--gitako-prettylights-syntax-markup-inserted-bg: #{variables.$prettylights-syntax-markup-inserted-bg};
|
||||
--gitako-prettylights-syntax-markup-changed-text: #{variables.$prettylights-syntax-markup-changed-text};
|
||||
--gitako-prettylights-syntax-markup-changed-bg: #{variables.$prettylights-syntax-markup-changed-bg};
|
||||
--gitako-prettylights-syntax-markup-ignored-text: #{variables.$prettylights-syntax-markup-ignored-text};
|
||||
--gitako-prettylights-syntax-markup-ignored-bg: #{variables.$prettylights-syntax-markup-ignored-bg};
|
||||
--gitako-prettylights-syntax-meta-diff-range: #{variables.$prettylights-syntax-meta-diff-range};
|
||||
--gitako-prettylights-syntax-brackethighlighter-angle: #{variables.$prettylights-syntax-brackethighlighter-angle};
|
||||
--gitako-prettylights-syntax-sublimelinter-gutter-mark: #{variables.$prettylights-syntax-sublimelinter-gutter-mark};
|
||||
--gitako-prettylights-syntax-constant-other-reference-link: #{variables.$prettylights-syntax-constant-other-reference-link};
|
||||
--gitako-codemirror-text: #{variables.$codemirror-text};
|
||||
--gitako-codemirror-bg: #{variables.$codemirror-bg};
|
||||
--gitako-codemirror-gutters-bg: #{variables.$codemirror-gutters-bg};
|
||||
--gitako-codemirror-guttermarker-text: #{variables.$codemirror-guttermarker-text};
|
||||
--gitako-codemirror-guttermarker-subtle-text: #{variables.$codemirror-guttermarker-subtle-text};
|
||||
--gitako-codemirror-linenumber-text: #{variables.$codemirror-linenumber-text};
|
||||
--gitako-codemirror-cursor: #{variables.$codemirror-cursor};
|
||||
--gitako-codemirror-selection-bg: #{variables.$codemirror-selection-bg};
|
||||
--gitako-codemirror-activeline-bg: #{variables.$codemirror-activeline-bg};
|
||||
--gitako-codemirror-matchingbracket-text: #{variables.$codemirror-matchingbracket-text};
|
||||
--gitako-codemirror-lines-bg: #{variables.$codemirror-lines-bg};
|
||||
--gitako-codemirror-syntax-comment: #{variables.$codemirror-syntax-comment};
|
||||
--gitako-codemirror-syntax-constant: #{variables.$codemirror-syntax-constant};
|
||||
--gitako-codemirror-syntax-entity: #{variables.$codemirror-syntax-entity};
|
||||
--gitako-codemirror-syntax-keyword: #{variables.$codemirror-syntax-keyword};
|
||||
--gitako-codemirror-syntax-storage: #{variables.$codemirror-syntax-storage};
|
||||
--gitako-codemirror-syntax-string: #{variables.$codemirror-syntax-string};
|
||||
--gitako-codemirror-syntax-support: #{variables.$codemirror-syntax-support};
|
||||
--gitako-codemirror-syntax-variable: #{variables.$codemirror-syntax-variable};
|
||||
--gitako-ansi-black: #{variables.$ansi-black};
|
||||
--gitako-ansi-black-bright: #{variables.$ansi-black-bright};
|
||||
--gitako-ansi-white: #{variables.$ansi-white};
|
||||
--gitako-ansi-white-bright: #{variables.$ansi-white-bright};
|
||||
--gitako-ansi-gray: #{variables.$ansi-gray};
|
||||
--gitako-ansi-red: #{variables.$ansi-red};
|
||||
--gitako-ansi-red-bright: #{variables.$ansi-red-bright};
|
||||
--gitako-ansi-green: #{variables.$ansi-green};
|
||||
--gitako-ansi-green-bright: #{variables.$ansi-green-bright};
|
||||
--gitako-ansi-yellow: #{variables.$ansi-yellow};
|
||||
--gitako-ansi-yellow-bright: #{variables.$ansi-yellow-bright};
|
||||
--gitako-ansi-blue: #{variables.$ansi-blue};
|
||||
--gitako-ansi-blue-bright: #{variables.$ansi-blue-bright};
|
||||
--gitako-ansi-magenta: #{variables.$ansi-magenta};
|
||||
--gitako-ansi-magenta-bright: #{variables.$ansi-magenta-bright};
|
||||
--gitako-ansi-cyan: #{variables.$ansi-cyan};
|
||||
--gitako-ansi-cyan-bright: #{variables.$ansi-cyan-bright};
|
||||
}
|
||||
564
src/styles/dark/variables.scss
Normal file
564
src/styles/dark/variables.scss
Normal file
|
|
@ -0,0 +1,564 @@
|
|||
$auto-black: #f0f6fc;
|
||||
$auto-white: #010409;
|
||||
$auto-gray-0: #0d1117;
|
||||
$auto-gray-1: #161b22;
|
||||
$auto-gray-2: #21262d;
|
||||
$auto-gray-3: #30363d;
|
||||
$auto-gray-4: #484f58;
|
||||
$auto-gray-5: #6e7681;
|
||||
$auto-gray-6: #8b949e;
|
||||
$auto-gray-7: #b1bac4;
|
||||
$auto-gray-8: #c9d1d9;
|
||||
$auto-gray-9: #f0f6fc;
|
||||
$auto-blue-0: #051d4d;
|
||||
$auto-blue-1: #0c2d6b;
|
||||
$auto-blue-2: #0d419d;
|
||||
$auto-blue-3: #1158c7;
|
||||
$auto-blue-4: #1f6feb;
|
||||
$auto-blue-5: #388bfd;
|
||||
$auto-blue-6: #58a6ff;
|
||||
$auto-blue-7: #79c0ff;
|
||||
$auto-blue-8: #a5d6ff;
|
||||
$auto-blue-9: #cae8ff;
|
||||
$auto-green-0: #04260f;
|
||||
$auto-green-1: #033a16;
|
||||
$auto-green-2: #0f5323;
|
||||
$auto-green-3: #196c2e;
|
||||
$auto-green-4: #238636;
|
||||
$auto-green-5: #2ea043;
|
||||
$auto-green-6: #3fb950;
|
||||
$auto-green-7: #56d364;
|
||||
$auto-green-8: #7ee787;
|
||||
$auto-green-9: #aff5b4;
|
||||
$auto-yellow-0: #341a00;
|
||||
$auto-yellow-1: #4b2900;
|
||||
$auto-yellow-2: #693e00;
|
||||
$auto-yellow-3: #845306;
|
||||
$auto-yellow-4: #9e6a03;
|
||||
$auto-yellow-5: #bb8009;
|
||||
$auto-yellow-6: #d29922;
|
||||
$auto-yellow-7: #e3b341;
|
||||
$auto-yellow-8: #f2cc60;
|
||||
$auto-yellow-9: #f8e3a1;
|
||||
$auto-orange-0: #3d1300;
|
||||
$auto-orange-1: #5a1e02;
|
||||
$auto-orange-2: #762d0a;
|
||||
$auto-orange-3: #9b4215;
|
||||
$auto-orange-4: #bd561d;
|
||||
$auto-orange-5: #db6d28;
|
||||
$auto-orange-6: #f0883e;
|
||||
$auto-orange-7: #ffa657;
|
||||
$auto-orange-8: #ffc680;
|
||||
$auto-orange-9: #ffdfb6;
|
||||
$auto-red-0: #490202;
|
||||
$auto-red-1: #67060c;
|
||||
$auto-red-2: #8e1519;
|
||||
$auto-red-3: #b62324;
|
||||
$auto-red-4: #da3633;
|
||||
$auto-red-5: #f85149;
|
||||
$auto-red-6: #ff7b72;
|
||||
$auto-red-7: #ffa198;
|
||||
$auto-red-8: #ffc1ba;
|
||||
$auto-red-9: #ffdcd7;
|
||||
$auto-purple-0: #271052;
|
||||
$auto-purple-1: #3c1e70;
|
||||
$auto-purple-2: #553098;
|
||||
$auto-purple-3: #6e40c9;
|
||||
$auto-purple-4: #8957e5;
|
||||
$auto-purple-5: #a371f7;
|
||||
$auto-purple-6: #bc8cff;
|
||||
$auto-purple-7: #d2a8ff;
|
||||
$auto-purple-8: #e2c5ff;
|
||||
$auto-purple-9: #eddeff;
|
||||
$auto-pink-0: #42062a;
|
||||
$auto-pink-1: #5e103e;
|
||||
$auto-pink-2: #7d2457;
|
||||
$auto-pink-3: #9e3670;
|
||||
$auto-pink-4: #bf4b8a;
|
||||
$auto-pink-5: #db61a2;
|
||||
$auto-pink-6: #f778ba;
|
||||
$auto-pink-7: #ff9bce;
|
||||
$auto-pink-8: #ffbedd;
|
||||
$auto-pink-9: #ffdaec;
|
||||
$text-primary: #c9d1d9;
|
||||
$text-secondary: #8b949e;
|
||||
$text-tertiary: #8b949e;
|
||||
$text-placeholder: #484f58;
|
||||
$text-disabled: #484f58;
|
||||
$text-inverse: #0d1117;
|
||||
$text-link: #58a6ff;
|
||||
$text-danger: #f85149;
|
||||
$text-success: #56d364;
|
||||
$text-warning: #e3b341;
|
||||
$text-white: #f0f6fc;
|
||||
$icon-primary: #c9d1d9;
|
||||
$icon-secondary: #6e7681;
|
||||
$icon-tertiary: #484f58;
|
||||
$icon-info: #79c0ff;
|
||||
$icon-danger: #f85149;
|
||||
$icon-success: #56d364;
|
||||
$icon-warning: #e3b341;
|
||||
$border-primary: #30363d;
|
||||
$border-secondary: #21262d;
|
||||
$border-tertiary: #6e7681;
|
||||
$border-overlay: #30363d;
|
||||
$border-inverse: #f0f6fc;
|
||||
$border-info: #388bfd66;
|
||||
$border-danger: #f8514966;
|
||||
$border-success: #3fb95066;
|
||||
$border-warning: #bb800966;
|
||||
$bg-canvas: #0d1117;
|
||||
$bg-canvas-mobile: #010409;
|
||||
$bg-canvas-inverse: #f0f6fc;
|
||||
$bg-canvas-inset: #06090f;
|
||||
$bg-primary: #0d1117;
|
||||
$bg-secondary: #0d1117;
|
||||
$bg-tertiary: #161b22;
|
||||
$bg-overlay: #21262d;
|
||||
$bg-backdrop: #010409cc;
|
||||
$bg-info: #388bfd1a;
|
||||
$bg-info-inverse: #388bfd;
|
||||
$bg-danger: #f851491a;
|
||||
$bg-danger-inverse: #da3633;
|
||||
$bg-success: #2ea0431a;
|
||||
$bg-success-inverse: #2ea043;
|
||||
$bg-warning: #bb80091a;
|
||||
$bg-warning-inverse: #bb8009;
|
||||
$shadow-small: 0 0 #0000;
|
||||
$shadow-medium: 0 3px 6px #010409;
|
||||
$shadow-large: 0 8px 24px #010409;
|
||||
$shadow-extra-large: 0 12px 48px #010409;
|
||||
$shadow-highlight: 0 0 #0000;
|
||||
$shadow-inset: 0 0 #0000;
|
||||
$state-hover-primary-bg: #1f6feb;
|
||||
$state-hover-primary-border: #388bfd;
|
||||
$state-hover-primary-text: #f0f6fc;
|
||||
$state-hover-primary-icon: #f0f6fc;
|
||||
$state-hover-secondary-bg: #161b22;
|
||||
$state-hover-secondary-border: #161b22;
|
||||
$state-selected-primary-bg: #1f6feb;
|
||||
$state-selected-primary-border: #388bfd;
|
||||
$state-selected-primary-text: #f0f6fc;
|
||||
$state-selected-primary-icon: #f0f6fc;
|
||||
$state-focus-border: #388bfd;
|
||||
$state-focus-shadow: 0 0 0 3px #0c2d6b;
|
||||
$fade-fg-10: #f0f6fc1a;
|
||||
$fade-fg-15: #f0f6fc26;
|
||||
$fade-fg-30: #f0f6fc4d;
|
||||
$fade-fg-50: #f0f6fc80;
|
||||
$fade-fg-70: #f0f6fcb3;
|
||||
$fade-fg-85: #f0f6fcd9;
|
||||
$fade-black-10: #0104091a;
|
||||
$fade-black-15: #01040926;
|
||||
$fade-black-30: #0104094d;
|
||||
$fade-black-50: #01040980;
|
||||
$fade-black-70: #010409b3;
|
||||
$fade-black-85: #010409d9;
|
||||
$fade-white-10: #f0f6fc1a;
|
||||
$fade-white-15: #f0f6fc26;
|
||||
$fade-white-30: #f0f6fc4d;
|
||||
$fade-white-50: #f0f6fc80;
|
||||
$fade-white-70: #f0f6fcb3;
|
||||
$fade-white-85: #f0f6fcd9;
|
||||
$alert-info-text: #79c0ff;
|
||||
$alert-info-icon: #79c0ff;
|
||||
$alert-info-bg: #388bfd1a;
|
||||
$alert-info-border: #388bfd66;
|
||||
$alert-warn-text: #e3b341;
|
||||
$alert-warn-icon: #e3b341;
|
||||
$alert-warn-bg: #bb80091a;
|
||||
$alert-warn-border: #bb800966;
|
||||
$alert-error-text: #ff7b72;
|
||||
$alert-error-icon: #ff7b72;
|
||||
$alert-error-bg: #f851491a;
|
||||
$alert-error-border: #f8514966;
|
||||
$alert-success-text: #56d364;
|
||||
$alert-success-icon: #56d364;
|
||||
$alert-success-bg: #2ea0431a;
|
||||
$alert-success-border: #2ea04366;
|
||||
$autocomplete-shadow: 0 16px 32px #010409d9;
|
||||
$autocomplete-row-border: #30363d;
|
||||
$blankslate-icon: #535c66;
|
||||
$btn-text: #c9d1d9;
|
||||
$btn-bg: #21262d;
|
||||
$btn-border: #30363d;
|
||||
$btn-shadow: 0 0 #0000;
|
||||
$btn-inset-shadow: 0 0 #0000;
|
||||
$btn-hover-bg: #30363d;
|
||||
$btn-hover-border: #8b949e;
|
||||
$btn-selected-bg: #161b22;
|
||||
$btn-focus-bg: #21262d;
|
||||
$btn-focus-border: #8b949e;
|
||||
$btn-focus-shadow: 0 0 0 3px #8b949e4d;
|
||||
$btn-shadow-active: inset 0 0.15em 0.3em #01040926;
|
||||
$btn-shadow-input-focus: 0 0 0 0.2em #1f6feb4d;
|
||||
$btn-primary-text: #fff;
|
||||
$btn-primary-bg: #238636;
|
||||
$btn-primary-border: #2ea043;
|
||||
$btn-primary-shadow: 0 0 #0000;
|
||||
$btn-primary-inset-shadow: 0 0 #0000;
|
||||
$btn-primary-hover-bg: #2ea043;
|
||||
$btn-primary-hover-border: #3fb950;
|
||||
$btn-primary-selected-bg: #238636;
|
||||
$btn-primary-selected-shadow: 0 0 #0000;
|
||||
$btn-primary-disabled-text: #f0f6fc80;
|
||||
$btn-primary-disabled-bg: #23863699;
|
||||
$btn-primary-disabled-border: #0000;
|
||||
$btn-primary-focus-bg: #238636;
|
||||
$btn-primary-focus-border: #3fb950;
|
||||
$btn-primary-focus-shadow: 0 0 0 3px #2ea44f66;
|
||||
$btn-primary-icon: #f0f6fc;
|
||||
$btn-primary-counter-bg: #f0f6fc33;
|
||||
$btn-outline-text: #58a6ff;
|
||||
$btn-outline-hover-text: #58a6ff;
|
||||
$btn-outline-hover-bg: #30363d;
|
||||
$btn-outline-hover-border: #58a6ff;
|
||||
$btn-outline-hover-shadow: 0 1px 0 #0104091a;
|
||||
$btn-outline-hover-inset-shadow: inset 0 1px 0 #f0f6fc08;
|
||||
$btn-outline-hover-counter-bg: #f0f6fc33;
|
||||
$btn-outline-selected-text: #f0f6fc;
|
||||
$btn-outline-selected-bg: #0d419d;
|
||||
$btn-outline-selected-border: #f0f6fc1a;
|
||||
$btn-outline-selected-shadow: 0 0 #0000;
|
||||
$btn-outline-disabled-text: #58a6ff80;
|
||||
$btn-outline-disabled-bg: #0d1117;
|
||||
$btn-outline-disabled-counter-bg: #1f6feb0d;
|
||||
$btn-outline-focus-border: #58a6ff;
|
||||
$btn-outline-focus-shadow: 0 0 0 3px #1158c766;
|
||||
$btn-outline-counter-bg: #1f6feb1a;
|
||||
$btn-danger-text: #f85149;
|
||||
$btn-danger-hover-text: #fff;
|
||||
$btn-danger-hover-bg: #da3633;
|
||||
$btn-danger-hover-border: #f85149;
|
||||
$btn-danger-hover-shadow: 0 0 #0000;
|
||||
$btn-danger-hover-inset-shadow: 0 0 #0000;
|
||||
$btn-danger-hover-counter-bg: #fff3;
|
||||
$btn-danger-selected-text: #fff;
|
||||
$btn-danger-selected-bg: #b62324;
|
||||
$btn-danger-selected-border: #f0f6fc1a;
|
||||
$btn-danger-selected-shadow: 0 0 #0000;
|
||||
$btn-danger-disabled-text: #f85149;
|
||||
$btn-danger-disabled-bg: #0d1117;
|
||||
$btn-danger-disabled-counter-bg: #da36330d;
|
||||
$btn-danger-focus-border: #f85149;
|
||||
$btn-danger-focus-shadow: 0 0 0 3px #b6232466;
|
||||
$btn-danger-counter-bg: #da36331a;
|
||||
$btn-counter-bg: #30363d;
|
||||
$counter-text: #c9d1d9;
|
||||
$counter-bg: #30363d;
|
||||
$counter-primary-text: #c9d1d9;
|
||||
$counter-primary-bg: #6e7681;
|
||||
$counter-secondary-text: #8b949e;
|
||||
$dropdown-shadow: 0 16px 32px #010409d9;
|
||||
$label-border: #30363d;
|
||||
$label-primary-text: #b1bac4;
|
||||
$label-primary-border: #6e7681;
|
||||
$label-secondary-text: #8b949e;
|
||||
$label-secondary-border: #30363d;
|
||||
$label-info-text: #388bfd;
|
||||
$label-info-border: #388bfd66;
|
||||
$label-success-text: #3fb950;
|
||||
$label-success-border: #2ea04366;
|
||||
$label-warning-text: #e3b341;
|
||||
$label-warning-border: #f2d35b66;
|
||||
$label-danger-text: #f85149;
|
||||
$label-danger-border: #f8514966;
|
||||
$label-orange-text: #db6d28;
|
||||
$label-orange-border: #db6d2866;
|
||||
$input-bg: #0d1117;
|
||||
$input-contrast-bg: #0104094d;
|
||||
$input-border: #21262d;
|
||||
$input-shadow: 0 0 #0000;
|
||||
$input-disabled-bg: #161b22;
|
||||
$input-disabled-border: #30363d;
|
||||
$input-warning-border: #d29922;
|
||||
$input-error-border: #f85149;
|
||||
$input-tooltip-success-text: #56d364;
|
||||
$input-tooltip-success-bg: #101f1b;
|
||||
$input-tooltip-success-border: #1c532b;
|
||||
$input-tooltip-warning-text: #e3b341;
|
||||
$input-tooltip-warning-bg: #1e1c16;
|
||||
$input-tooltip-warning-border: #5d4411;
|
||||
$input-tooltip-error-text: #ff7b72;
|
||||
$input-tooltip-error-bg: #25171c;
|
||||
$input-tooltip-error-border: #792e2e;
|
||||
$avatar-bg: #f0f6fc;
|
||||
$avatar-border: #f0f6fc1a;
|
||||
$avatar-stack-fade: #30363d;
|
||||
$avatar-stack-fade-more: #21262d;
|
||||
$avatar-child-shadow: -2px -2px 0 #0d1117;
|
||||
$toast-text: #79c0ff;
|
||||
$toast-bg: #010409;
|
||||
$toast-border: #214981;
|
||||
$toast-shadow: 0 8px 24px #010409;
|
||||
$toast-icon: #79c0ff;
|
||||
$toast-icon-bg: #121d2e;
|
||||
$toast-icon-border: #214981;
|
||||
$toast-success-text: #56d364;
|
||||
$toast-success-border: #1c532c;
|
||||
$toast-success-icon: #56d364;
|
||||
$toast-success-icon-bg: #111f1c;
|
||||
$toast-success-icon-border: #1c532c;
|
||||
$toast-warning-text: #e3b341;
|
||||
$toast-warning-border: #5e4411;
|
||||
$toast-warning-icon: #e3b341;
|
||||
$toast-warning-icon-bg: #1f1c16;
|
||||
$toast-warning-icon-border: #5e4411;
|
||||
$toast-danger-text: #ff7b72;
|
||||
$toast-danger-border: #792e2e;
|
||||
$toast-danger-icon: #ff7b72;
|
||||
$toast-danger-icon-bg: #25171c;
|
||||
$toast-danger-icon-border: #792e2e;
|
||||
$toast-loading-text: #c9d1d9;
|
||||
$toast-loading-border: #30363d;
|
||||
$toast-loading-icon: #f0f6fc;
|
||||
$toast-loading-icon-bg: #30363d;
|
||||
$toast-loading-icon-border: #30363d;
|
||||
$timeline-text: #b1bac4;
|
||||
$timeline-badge-bg: #0d1117;
|
||||
$timeline-target-badge-border: #1f6feb;
|
||||
$timeline-target-badge-shadow: #0d419d;
|
||||
$select-menu-border-secondary: #30363d;
|
||||
$select-menu-shadow: 0 0 18px #01040966;
|
||||
$select-menu-backdrop-bg: #01040980;
|
||||
$select-menu-backdrop-border: #484f58;
|
||||
$select-menu-tap-highlight: #30363d80;
|
||||
$select-menu-tap-focus-bg: #0c2d6b;
|
||||
$box-blue-border: #0d419d;
|
||||
$box-row-yellow-bg: #ebc4401a;
|
||||
$box-row-blue-bg: #79c0ff1a;
|
||||
$box-header-blue-bg: #0d1117;
|
||||
$box-header-blue-border: #30363d;
|
||||
$box-border-info: #388bfd66;
|
||||
$box-bg-info: #388bfd1a;
|
||||
$box-border-warning: #bb800966;
|
||||
$box-bg-warning: #bb80091a;
|
||||
$branch-name-text: #c9d1d9;
|
||||
$branch-name-icon: #b1bac4;
|
||||
$branch-name-bg: #58a6ff1a;
|
||||
$branch-name-link-text: #58a6ff;
|
||||
$branch-name-link-icon: #58a6ff;
|
||||
$branch-name-link-bg: #58a6ff1a;
|
||||
$markdown-code-bg: #f0f6fc26;
|
||||
$markdown-frame-border: #3b434b;
|
||||
$markdown-blockquote-border: #3b434b;
|
||||
$markdown-table-border: #3b434b;
|
||||
$markdown-table-tr-border: #272c32;
|
||||
$menu-heading-text: #8b949e;
|
||||
$menu-border-active: #f78166;
|
||||
$menu-bg-active: #161b22;
|
||||
$sidenav-selected-bg: #21262d;
|
||||
$sidenav-border-active: #f78166;
|
||||
$header-text: #f0f6fcb3;
|
||||
$header-bg: #161b22;
|
||||
$header-logo: #f0f6fc;
|
||||
$filter-item-bar-bg: #12161c;
|
||||
$hidden-text-expander-bg: #21262d;
|
||||
$hidden-text-expander-bg-hover: #30363d;
|
||||
$drag-and-drop-border: #25292f;
|
||||
$upload-enabled-border: #3b434b;
|
||||
$upload-enabled-border-focused: #4487ee;
|
||||
$previewable-comment-form-border: #25292f;
|
||||
$underlinenav-border: #30363d00;
|
||||
$underlinenav-border-hover: #30363d;
|
||||
$underlinenav-border-active: #f78166;
|
||||
$underlinenav-text: #8b949e;
|
||||
$underlinenav-text-hover: #c9d1d9;
|
||||
$underlinenav-text-active: #c9d1d9;
|
||||
$underlinenav-icon: #6e7681;
|
||||
$underlinenav-icon-hover: #c9d1d9;
|
||||
$underlinenav-icon-active: #c9d1d9;
|
||||
$underlinenav-counter-text: #8b949e;
|
||||
$verified-badge-text: #3fb950;
|
||||
$verified-badge-bg: #3fb9501a;
|
||||
$verified-badge-border: #3fb95066;
|
||||
$social-count-bg: #21262d;
|
||||
$tooltip-text: #f0f6fc;
|
||||
$tooltip-bg: #21262d;
|
||||
$header-search-bg: #0d1117;
|
||||
$header-search-border: #21262d;
|
||||
$search-keyword-hl: #bb800966;
|
||||
$diffstat-neutral-bg: #30363d;
|
||||
$diffstat-neutral-border: #f0f6fc1a;
|
||||
$diffstat-deletion-bg: #da3633;
|
||||
$diffstat-deletion-border: #f85149;
|
||||
$diffstat-addition-bg: #238636;
|
||||
$diffstat-addition-border: #2ea043;
|
||||
$files-explorer-icon: #6e7681;
|
||||
$hl-author-bg: #051d4d;
|
||||
$hl-author-border: #0d419d;
|
||||
$logo-subdued: #30363d;
|
||||
$discussion-border: #34513b;
|
||||
$discussion-bg-success: #2ea0431a;
|
||||
$actions-workflow-table-sticky-bg: #0d1117f2;
|
||||
$repo-language-color-border: #f0f6fc33;
|
||||
$code-selection-bg: #79c0ff4d;
|
||||
$blob-line-highlight-bg: #bb80091a;
|
||||
$blob-line-highlight-border: #bb8009;
|
||||
$diff-addition-text: #56d364;
|
||||
$diff-addition-bg: #23863626;
|
||||
$diff-addition-border: #196c2e;
|
||||
$diff-deletion-text: #f85149;
|
||||
$diff-deletion-bg: #da363326;
|
||||
$diff-deletion-border: #b62324;
|
||||
$diff-change-text: #e3b341;
|
||||
$diff-change-bg: #341a00;
|
||||
$diff-change-border: #9e6a03;
|
||||
$diff-blob-num-text: #f0f6fc4d;
|
||||
$diff-blob-num-hover-text: #f0f6fc99;
|
||||
$diff-blob-addition-num-text: #3fb950;
|
||||
$diff-blob-addition-num-hover-text: #7ee787;
|
||||
$diff-blob-addition-num-bg: #2386360d;
|
||||
$diff-blob-addition-line-bg: #23863626;
|
||||
$diff-blob-addition-word-bg: #2386364d;
|
||||
$diff-blob-deletion-num-text: #f85149;
|
||||
$diff-blob-deletion-num-hover-text: #ffa198;
|
||||
$diff-blob-deletion-num-bg: #da36330d;
|
||||
$diff-blob-deletion-line-bg: #da363326;
|
||||
$diff-blob-deletion-word-bg: #da36334d;
|
||||
$diff-blob-hunk-text: #8b949e;
|
||||
$diff-blob-hunk-num-bg: #58a6ff26;
|
||||
$diff-blob-hunk-line-bg: #58a6ff1a;
|
||||
$diff-blob-empty-block-bg: #161b22;
|
||||
$diff-blob-selected-line-highlight-bg: #bb80091a;
|
||||
$diff-blob-selected-line-highlight-border: #bb8009;
|
||||
$diff-blob-selected-line-highlight-mix-blend-mode: normal;
|
||||
$diff-blob-expander-icon: #8b949e;
|
||||
$diff-blob-expander-hover-icon: #f0f6fc;
|
||||
$diff-blob-expander-hover-bg: #1f6feb;
|
||||
$diff-blob-comment-button-icon: #f0f6fc;
|
||||
$diff-blob-comment-button-bg: #1f6feb;
|
||||
$diff-blob-comment-button-gradient-bg: #367eed;
|
||||
$global-nav-logo: #f0f6fc;
|
||||
$global-nav-bg: #161b22;
|
||||
$global-nav-text: #c9d1d9;
|
||||
$global-nav-icon: #c9d1d9;
|
||||
$global-nav-input-bg: #0d1117;
|
||||
$global-nav-input-border: #21262d;
|
||||
$global-nav-input-icon: #21262d;
|
||||
$global-nav-input-placeholder: #484f58;
|
||||
$calendar-graph-day-bg: #161b22;
|
||||
$calendar-graph-day-border: #1b1f230f;
|
||||
$calendar-graph-day-l1-bg: #01311f;
|
||||
$calendar-graph-day-l2-bg: #034525;
|
||||
$calendar-graph-day-l3-bg: #0f6d31;
|
||||
$calendar-graph-day-l4-bg: #00c647;
|
||||
$calendar-graph-day-l4-border: #1b1f230f;
|
||||
$calendar-graph-day-l3-border: #1b1f230f;
|
||||
$calendar-graph-day-l2-border: #1b1f230f;
|
||||
$calendar-graph-day-l1-border: #1b1f230f;
|
||||
$footer-invertocat-octicon: #30363d;
|
||||
$footer-invertocat-octicon-hover: #6e7681;
|
||||
$pr-state-draft-text: #8b949e;
|
||||
$pr-state-draft-bg: #8b949e1a;
|
||||
$pr-state-draft-border: #8b949e66;
|
||||
$pr-state-open-text: #3fb950;
|
||||
$pr-state-open-bg: #3fb9501a;
|
||||
$pr-state-open-border: #3fb95066;
|
||||
$pr-state-merged-text: #a371f7;
|
||||
$pr-state-merged-bg: #bc8cff1a;
|
||||
$pr-state-merged-border: #bc8cff66;
|
||||
$pr-state-closed-text: #f85149;
|
||||
$pr-state-closed-bg: #da36331a;
|
||||
$pr-state-closed-border: #da363366;
|
||||
$topic-tag-text: #58a6ff;
|
||||
$topic-tag-bg: #388bfd1a;
|
||||
$topic-tag-hover-bg: #388bfd33;
|
||||
$topic-tag-active-bg: #388bfd26;
|
||||
$merge-box-success-icon-bg: #2ea0431a;
|
||||
$merge-box-success-icon-text: #3fb950;
|
||||
$merge-box-success-icon-border: #2ea04366;
|
||||
$merge-box-success-indicator-bg: #238636;
|
||||
$merge-box-success-indicator-border: #2ea043;
|
||||
$merge-box-merged-icon-bg: #bc8cff1a;
|
||||
$merge-box-merged-icon-text: #a371f7;
|
||||
$merge-box-merged-icon-border: #bc8cff66;
|
||||
$merge-box-merged-box-border: #bc8cff66;
|
||||
$merge-box-neutral-icon-bg: #c9d1d91a;
|
||||
$merge-box-neutral-icon-text: #8b949e;
|
||||
$merge-box-neutral-icon-border: #c9d1d966;
|
||||
$merge-box-neutral-indicator-bg: #484f58;
|
||||
$merge-box-neutral-indicator-border: #6e7681;
|
||||
$merge-box-warning-icon-bg: #bb80091a;
|
||||
$merge-box-warning-icon-text: #e3b341;
|
||||
$merge-box-warning-icon-border: #bb800966;
|
||||
$merge-box-warning-box-border: #bb800966;
|
||||
$merge-box-warning-merge-highlight: #bb80091a;
|
||||
$merge-box-error-icon-bg: #f851491a;
|
||||
$merge-box-error-icon-text: #f85149;
|
||||
$merge-box-error-icon-border: #f8514966;
|
||||
$merge-box-error-indicator-bg: #da3633;
|
||||
$merge-box-error-indicator-border: #f85149;
|
||||
$project-card-bg: #161b22;
|
||||
$project-header-bg: #0d1117;
|
||||
$project-sidebar-bg: #161b22;
|
||||
$project-gradient-in: #161b22;
|
||||
$project-gradient-out: #161b2200;
|
||||
$marketing-icon-primary: #79c0ff;
|
||||
$marketing-icon-secondary: #1f6feb;
|
||||
$prettylights-syntax-comment: #8b949e;
|
||||
$prettylights-syntax-constant: #79c0ff;
|
||||
$prettylights-syntax-entity: #d2a8ff;
|
||||
$prettylights-syntax-storage-modifier-import: #c9d1d9;
|
||||
$prettylights-syntax-entity-tag: #7ee787;
|
||||
$prettylights-syntax-keyword: #ff7b72;
|
||||
$prettylights-syntax-string: #a5d6ff;
|
||||
$prettylights-syntax-variable: #ffa657;
|
||||
$prettylights-syntax-brackethighlighter-unmatched: #f85149;
|
||||
$prettylights-syntax-invalid-illegal-text: #f0f6fc;
|
||||
$prettylights-syntax-invalid-illegal-bg: #8e1519;
|
||||
$prettylights-syntax-carriage-return-text: #f0f6fc;
|
||||
$prettylights-syntax-carriage-return-bg: #b62324;
|
||||
$prettylights-syntax-string-regexp: #7ee787;
|
||||
$prettylights-syntax-markup-list: #f2cc60;
|
||||
$prettylights-syntax-markup-heading: #1f6feb;
|
||||
$prettylights-syntax-markup-italic: #c9d1d9;
|
||||
$prettylights-syntax-markup-bold: #c9d1d9;
|
||||
$prettylights-syntax-markup-deleted-text: #ffdcd7;
|
||||
$prettylights-syntax-markup-deleted-bg: #67060c;
|
||||
$prettylights-syntax-markup-inserted-text: #aff5b4;
|
||||
$prettylights-syntax-markup-inserted-bg: #033a16;
|
||||
$prettylights-syntax-markup-changed-text: #ffdfb6;
|
||||
$prettylights-syntax-markup-changed-bg: #5a1e02;
|
||||
$prettylights-syntax-markup-ignored-text: #c9d1d9;
|
||||
$prettylights-syntax-markup-ignored-bg: #1158c7;
|
||||
$prettylights-syntax-meta-diff-range: #d2a8ff;
|
||||
$prettylights-syntax-brackethighlighter-angle: #8b949e;
|
||||
$prettylights-syntax-sublimelinter-gutter-mark: #484f58;
|
||||
$prettylights-syntax-constant-other-reference-link: #a5d6ff;
|
||||
$codemirror-text: #c9d1d9;
|
||||
$codemirror-bg: #0d1117;
|
||||
$codemirror-gutters-bg: #0d1117;
|
||||
$codemirror-guttermarker-text: #0d1117;
|
||||
$codemirror-guttermarker-subtle-text: #6e7681;
|
||||
$codemirror-linenumber-text: #8b949e;
|
||||
$codemirror-cursor: #f0f6fc;
|
||||
$codemirror-selection-bg: #79c0ff4d;
|
||||
$codemirror-activeline-bg: #161b22;
|
||||
$codemirror-matchingbracket-text: #c9d1d9;
|
||||
$codemirror-lines-bg: #0d1117;
|
||||
$codemirror-syntax-comment: #8b949e;
|
||||
$codemirror-syntax-constant: #79c0ff;
|
||||
$codemirror-syntax-entity: #d2a8ff;
|
||||
$codemirror-syntax-keyword: #ff7b72;
|
||||
$codemirror-syntax-storage: #ff7b72;
|
||||
$codemirror-syntax-string: #a5d6ff;
|
||||
$codemirror-syntax-support: #79c0ff;
|
||||
$codemirror-syntax-variable: #ffa657;
|
||||
$ansi-black: #0d1117;
|
||||
$ansi-black-bright: #161b22;
|
||||
$ansi-white: #b1bac4;
|
||||
$ansi-white-bright: #b1bac4;
|
||||
$ansi-gray: #6e7681;
|
||||
$ansi-red: #ff7b72;
|
||||
$ansi-red-bright: #ffa198;
|
||||
$ansi-green: #3fb950;
|
||||
$ansi-green-bright: #56d364;
|
||||
$ansi-yellow: #d29922;
|
||||
$ansi-yellow-bright: #e3b341;
|
||||
$ansi-blue: #58a6ff;
|
||||
$ansi-blue-bright: #79c0ff;
|
||||
$ansi-magenta: #bc8cff;
|
||||
$ansi-magenta-bright: #d2a8ff;
|
||||
$ansi-cyan: #76e3ea;
|
||||
$ansi-cyan-bright: #b3f0ff;
|
||||
724
src/styles/index.scss
Normal file
724
src/styles/index.scss
Normal file
|
|
@ -0,0 +1,724 @@
|
|||
@import '~nprogress/nprogress.css';
|
||||
|
||||
@import './dark/export.scss';
|
||||
@import './light/export.scss';
|
||||
|
||||
$name: gitako;
|
||||
|
||||
$min-screen-width: 1280px;
|
||||
$github-content-width: 1020px;
|
||||
$side-bar-base-width: $min-screen-width - $github-content-width;
|
||||
$min-width-with-gitako: $min-screen-width + $side-bar-base-width;
|
||||
|
||||
$github-header-z-index: 32;
|
||||
$github-pull-request-float-header-z-index: 110;
|
||||
$minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-z-index) + 1;
|
||||
|
||||
:root {
|
||||
--gitako-width: #{$side-bar-base-width};
|
||||
}
|
||||
|
||||
.#{$name}-ready {
|
||||
// github
|
||||
&.shrink-github-header {
|
||||
.js-header-wrapper {
|
||||
background: var(--gitako-bg-canvas-inverse);
|
||||
}
|
||||
.Header {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
@media (max-width: 1020px) {
|
||||
overflow: hidden; // prevent blank scroll area when Gitako is open and window is narrow
|
||||
}
|
||||
@media (min-width: 1280px) {
|
||||
padding: 0 32px !important;
|
||||
}
|
||||
}
|
||||
main {
|
||||
// overflow: hidden;
|
||||
// This prevents blank scroll area when Gitako is open and window is narrow.
|
||||
// But it conflicts with the pr toolbar. Keep it here as a reminder.
|
||||
|
||||
& > *:first-child {
|
||||
// repo info and nav bar
|
||||
box-shadow: inset 0 -1px 0 var(--gitako-border-overlay); // from .UnderlineNav
|
||||
|
||||
& > * {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
nav {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// gitee
|
||||
&.git-project {
|
||||
#git-header-nav {
|
||||
position: static;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.with-gitako-spacing {
|
||||
margin-left: var(--gitako-width);
|
||||
|
||||
// gitee
|
||||
&.git-project {
|
||||
width: auto; // shrink width
|
||||
.site-content {
|
||||
min-width: 1040px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $github-content-width) {
|
||||
// github
|
||||
body.env-production {
|
||||
min-width: $github-content-width;
|
||||
}
|
||||
}
|
||||
|
||||
.markdown-body {
|
||||
.clippy-wrapper {
|
||||
position: relative;
|
||||
width: 0;
|
||||
height: 0;
|
||||
top: 8px;
|
||||
left: calc(100% - 40px);
|
||||
z-index: 1;
|
||||
|
||||
.clippy {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border: 1px solid var(--gitako-border-tertiary);
|
||||
border-radius: 4px;
|
||||
background: var(--gitako-bg-secondary);
|
||||
&:hover {
|
||||
background: var(--gitako-bg-secondary);
|
||||
}
|
||||
&:active {
|
||||
background: var(--gitako-bg-secondary);
|
||||
}
|
||||
.icon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
background-image: url('~@primer/octicons-react/build/svg/clippy-16.svg?inline');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
&.success {
|
||||
background-image: url('~@primer/octicons-react/build/svg/check-16.svg?inline');
|
||||
}
|
||||
&.fail {
|
||||
background-image: url('~@primer/octicons-react/build/svg/x-16.svg?inline');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.progress-pjax-loader.is-loading {
|
||||
left: 0; /* reposition progress bar of GitHub */
|
||||
}
|
||||
|
||||
%hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@mixin flex-center {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@mixin icon-button {
|
||||
@include flex-center();
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@mixin button-color {
|
||||
border: none;
|
||||
background: transparent;
|
||||
&:hover {
|
||||
background: var(--gitako-btn-hover-bg);
|
||||
}
|
||||
&:active {
|
||||
background: var(--gitako-btn-focus-bg);
|
||||
}
|
||||
}
|
||||
|
||||
// Why does not TextInput get theme properly?
|
||||
@mixin input {
|
||||
color: var(--gitako-text-primary);
|
||||
background-color: var(--gitako-input-bg);
|
||||
border-color: var(--gitako-border-primary);
|
||||
box-shadow: var(--gitako-input-shadow);
|
||||
}
|
||||
|
||||
.#{$name}-toggle-show-button-wrapper {
|
||||
z-index: $minimal-z-index;
|
||||
position: fixed;
|
||||
top: 124px; // align with GitHub's navbar items
|
||||
left: 0px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
.#{$name}-toggle-show-button {
|
||||
@include icon-button;
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
.octoface-icon {
|
||||
@include flex-center();
|
||||
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--gitako-border-tertiary);
|
||||
background: var(--gitako-bg-tertiary);
|
||||
color: var(--gitako-icon-primary);
|
||||
&:active {
|
||||
color: var(--gitako-icon-tertiary);
|
||||
}
|
||||
transition: all ease 0.3s;
|
||||
font-size: 16px;
|
||||
transform: translateX(0px);
|
||||
&:active,
|
||||
&:hover {
|
||||
transform: translateX(4px);
|
||||
}
|
||||
}
|
||||
.tentacle {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
transition: all ease 0.4s;
|
||||
transform: translateX(-16px);
|
||||
}
|
||||
&:active,
|
||||
&:hover {
|
||||
.tentacle {
|
||||
transform: translateX(-12px);
|
||||
filter: drop-shadow(0 0 2px var(--gitako-bg-backdrop));
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
filter: drop-shadow(0 0 1px var(--gitako-bg-backdrop));
|
||||
transition: all ease 0.3s;
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.error-message {
|
||||
display: none;
|
||||
margin-left: 4px;
|
||||
padding: 2px 4px;
|
||||
font-size: 12px;
|
||||
color: var(--gitako-text-red);
|
||||
border: 1px solid var(--gitako-border-overlay);
|
||||
border-radius: 2px;
|
||||
background-color: var(--gitako-bg-tertiary);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.error-message {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.#{$name}-side-bar {
|
||||
@import '~@primer/css/base/index.scss';
|
||||
button {
|
||||
border-radius: 6px;
|
||||
font-weight: 600;
|
||||
}
|
||||
a {
|
||||
color: var(--gitako-text-link);
|
||||
}
|
||||
|
||||
.#{$name}-position-wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100vh;
|
||||
z-index: $minimal-z-index;
|
||||
display: flex;
|
||||
|
||||
&.hidden {
|
||||
@extend %hidden;
|
||||
}
|
||||
|
||||
.gitako-position-content {
|
||||
width: var(--gitako-width);
|
||||
}
|
||||
}
|
||||
.#{$name}-resize-handler {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: ew-resize;
|
||||
user-select: none;
|
||||
width: 0;
|
||||
background: var(--gitako-bg-tertiary);
|
||||
border-right: 1px solid var(--gitako-border-tertiary);
|
||||
overflow: hidden;
|
||||
box-sizing: content-box;
|
||||
&:hover,
|
||||
&:active {
|
||||
width: 16px;
|
||||
background: var(--gitako-bg-secondary);
|
||||
border-left: 1px solid var(--gitako-border-tertiary);
|
||||
}
|
||||
|
||||
.octicon.Grabber {
|
||||
margin-left: -2px;
|
||||
width: 20px;
|
||||
font-size: 0;
|
||||
}
|
||||
}
|
||||
.#{$name}-side-bar-body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: var(--gitako-bg-secondary);
|
||||
border-left: 1px solid var(--gitako-border-overlay);
|
||||
overflow: hidden;
|
||||
|
||||
&.hidden {
|
||||
@extend %hidden;
|
||||
}
|
||||
|
||||
.octicon {
|
||||
transition: transform 0.3s ease;
|
||||
color: var(--gitako-icon-tertiary);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.octicon-color {
|
||||
color: var(--gitako-icon-tertiary);
|
||||
}
|
||||
|
||||
.octicon-wrapper {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
min-width: 16px; // prevent shrink when sidebar is narrow
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.#{$name}-side-bar-content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
max-height: calc(100vh - 34px); // temporary fix for layout issue occurred since Chrome v76
|
||||
min-height: 0; // make content shrinkable
|
||||
|
||||
.header {
|
||||
$button-size: 32px;
|
||||
position: relative;
|
||||
|
||||
.meta-bar {
|
||||
position: relative; // prevent overlap by outline of other elements
|
||||
min-height: 62px; // GitHub header height if login
|
||||
flex-shrink: 0;
|
||||
padding: 8px 10px;
|
||||
padding-right: $button-size + 8px * 2; // space for toggle button
|
||||
background: var(--gitako-bg-tertiary);
|
||||
|
||||
.user-and-repo a {
|
||||
color: var(--gitako-text-link);
|
||||
}
|
||||
|
||||
.branch-name {
|
||||
margin-left: 4px;
|
||||
padding: 4px 6px; // did not align well for some reason :/
|
||||
color: var(--gitako-branch-name-text);
|
||||
background-color: var(--gitako-branch-name-bg);
|
||||
}
|
||||
}
|
||||
|
||||
.close-side-bar-button-position {
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
.close-side-bar-button {
|
||||
@include icon-button;
|
||||
@include button-color;
|
||||
width: $button-size;
|
||||
height: $button-size;
|
||||
border-radius: $button-size;
|
||||
|
||||
// feedback to click should be instant
|
||||
&:not(:active) {
|
||||
transition: background linear 0.3s;
|
||||
}
|
||||
|
||||
.action-icon {
|
||||
color: var(--gitako-icon-tertiary);
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
.octicon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
border-top: 1px solid var(--gitako-border-overlay);
|
||||
padding: 4px 10px;
|
||||
}
|
||||
|
||||
.loading-indicator-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include flex-center();
|
||||
border-top: 1px solid var(--gitako-border-overlay);
|
||||
|
||||
.loading-indicator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--gitako-text-placeholder);
|
||||
|
||||
&-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 4px;
|
||||
|
||||
.octicon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
animation: pulse-rotate 1.8s infinite ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.file-explorer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
outline: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
&.freeze {
|
||||
filter: blur(1.5px) opacity(0.6) grayscale(0.9);
|
||||
cursor: pointer;
|
||||
|
||||
> * {
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* search input */
|
||||
.search-input-wrapper {
|
||||
.search-input {
|
||||
width: 100%;
|
||||
box-shadow: none; // stay low
|
||||
border-color: var(--gitako-border-overlay);
|
||||
border-radius: 0; // its rounded corner not match with nearby elements
|
||||
color: var(--gitako-text-primary);
|
||||
background: var(--gitako-bg-canvas);
|
||||
|
||||
&.error {
|
||||
border-color: var(--gitako-border-danger);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.files {
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
overflow-x: hidden; // prevent x-scroll bar show up while sizing
|
||||
}
|
||||
|
||||
.node-item {
|
||||
background: var(--gitako-bg-primary);
|
||||
&.focused,
|
||||
&:hover {
|
||||
background: var(--gitako-bg-tertiary);
|
||||
}
|
||||
&:active {
|
||||
background: var(--gitako-bg-secondary);
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
.node-item {
|
||||
pointer-events: none;
|
||||
color: var(--gitako-text-disabled);
|
||||
}
|
||||
}
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0;
|
||||
color: var(--gitako-text-link);
|
||||
line-height: 20px;
|
||||
padding: 8px 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid var(--gitako-border-secondary);
|
||||
white-space: nowrap;
|
||||
transition: padding 0.3s ease; // on toggle expansion in search results
|
||||
|
||||
@mixin icon-size() {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.octicon-wrapper:first-child {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
&-type-icon {
|
||||
margin-right: 4px;
|
||||
width: 16px;
|
||||
// not specify height here, it'll break vertical alignment
|
||||
|
||||
& + .octicon-wrapper,
|
||||
& + .node-item-icon {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&-icon {
|
||||
@include icon-size();
|
||||
object-fit: contain;
|
||||
vertical-align: text-bottom;
|
||||
box-sizing: content-box;
|
||||
|
||||
&.dim {
|
||||
filter: sepia(1) hue-rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
// folder icon rotate when expand
|
||||
&.expanded .octicon.ChevronRight {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.node-item-label {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.go-to-button {
|
||||
white-space: nowrap;
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
&:not(:hover) {
|
||||
.go-to-button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.#{$name}-settings-bar {
|
||||
z-index: 2;
|
||||
background: var(--gitako-bg-tertiary);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-height: calc(100vh - 120px);
|
||||
&-title {
|
||||
border-top: 1px solid var(--gitako-border-secondary);
|
||||
padding: 10px;
|
||||
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
|
||||
0 3px 3px -2px rgba(0, 0, 0, 0.12);
|
||||
z-index: 1;
|
||||
}
|
||||
&-content {
|
||||
padding: 10px 10px;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
|
||||
.shadow-shelter {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: var(--gitako-bg-tertiary);
|
||||
z-index: 1;
|
||||
}
|
||||
.settings-section {
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.field {
|
||||
margin-bottom: 8px;
|
||||
|
||||
.help {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 0px;
|
||||
font-weight: 600;
|
||||
}
|
||||
input {
|
||||
&:disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
select {
|
||||
width: 100%;
|
||||
-moz-appearance: menulist-button;
|
||||
// make it look like text inputs
|
||||
height: 36px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--gitako-input-border);
|
||||
background: var(--gitako-input-bg);
|
||||
color: var(--gitako-text-primary);
|
||||
box-shadow: var(--gitako-input-shadow);
|
||||
}
|
||||
&.field-checkbox {
|
||||
padding-left: 20px;
|
||||
vertical-align: middle;
|
||||
label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
input[type='checkbox'],
|
||||
input[type='radio'] {
|
||||
float: left;
|
||||
margin: 5px 0 0 -20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.link-button {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.hint {
|
||||
color: var(--gitako-text-placeholder);
|
||||
}
|
||||
.access-token-input-control {
|
||||
display: flex;
|
||||
.access-token-input {
|
||||
flex: 1;
|
||||
@include input();
|
||||
}
|
||||
}
|
||||
.toggle-shortcut-input-control {
|
||||
display: flex;
|
||||
.toggle-shortcut-input {
|
||||
flex: 1;
|
||||
@include input();
|
||||
}
|
||||
}
|
||||
.header-row {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 2px 6px 2px 10px;
|
||||
border-top: 1px solid var(--gitako-border-secondary);
|
||||
|
||||
.version {
|
||||
color: var(--gitako-text-tertiary);
|
||||
}
|
||||
|
||||
.header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
cursor: help; // Will this make user hover for more time to see the tooltip?
|
||||
}
|
||||
|
||||
.settings-button {
|
||||
@include icon-button();
|
||||
@include button-color();
|
||||
$size: 32px;
|
||||
width: $size;
|
||||
height: $size;
|
||||
border-radius: $size;
|
||||
|
||||
.octicon-wrapper {
|
||||
width: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// gitee
|
||||
.git-project {
|
||||
// reset styles
|
||||
.#{$name}-side-bar {
|
||||
input[type='text'],
|
||||
input[type='password'],
|
||||
.ui-autocomplete-input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
padding: initial;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
from {
|
||||
transform: rotateZ(0);
|
||||
}
|
||||
to {
|
||||
transform: rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pulse-rotate {
|
||||
0% {
|
||||
transform: rotateZ(0);
|
||||
}
|
||||
20% {
|
||||
transform: rotateZ(190deg);
|
||||
}
|
||||
30% {
|
||||
transform: rotateZ(175deg);
|
||||
}
|
||||
50% {
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
70% {
|
||||
transform: rotateZ(370deg);
|
||||
}
|
||||
80% {
|
||||
transform: rotateZ(355deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
568
src/styles/light/export.scss
Normal file
568
src/styles/light/export.scss
Normal file
|
|
@ -0,0 +1,568 @@
|
|||
@use './variables.scss' as variables;
|
||||
|
||||
:root {
|
||||
--gitako-auto-black: #{variables.$auto-black};
|
||||
--gitako-auto-white: #{variables.$auto-white};
|
||||
--gitako-auto-gray-0: #{variables.$auto-gray-0};
|
||||
--gitako-auto-gray-1: #{variables.$auto-gray-1};
|
||||
--gitako-auto-gray-2: #{variables.$auto-gray-2};
|
||||
--gitako-auto-gray-3: #{variables.$auto-gray-3};
|
||||
--gitako-auto-gray-4: #{variables.$auto-gray-4};
|
||||
--gitako-auto-gray-5: #{variables.$auto-gray-5};
|
||||
--gitako-auto-gray-6: #{variables.$auto-gray-6};
|
||||
--gitako-auto-gray-7: #{variables.$auto-gray-7};
|
||||
--gitako-auto-gray-8: #{variables.$auto-gray-8};
|
||||
--gitako-auto-gray-9: #{variables.$auto-gray-9};
|
||||
--gitako-auto-blue-0: #{variables.$auto-blue-0};
|
||||
--gitako-auto-blue-1: #{variables.$auto-blue-1};
|
||||
--gitako-auto-blue-2: #{variables.$auto-blue-2};
|
||||
--gitako-auto-blue-3: #{variables.$auto-blue-3};
|
||||
--gitako-auto-blue-4: #{variables.$auto-blue-4};
|
||||
--gitako-auto-blue-5: #{variables.$auto-blue-5};
|
||||
--gitako-auto-blue-6: #{variables.$auto-blue-6};
|
||||
--gitako-auto-blue-7: #{variables.$auto-blue-7};
|
||||
--gitako-auto-blue-8: #{variables.$auto-blue-8};
|
||||
--gitako-auto-blue-9: #{variables.$auto-blue-9};
|
||||
--gitako-auto-green-0: #{variables.$auto-green-0};
|
||||
--gitako-auto-green-1: #{variables.$auto-green-1};
|
||||
--gitako-auto-green-2: #{variables.$auto-green-2};
|
||||
--gitako-auto-green-3: #{variables.$auto-green-3};
|
||||
--gitako-auto-green-4: #{variables.$auto-green-4};
|
||||
--gitako-auto-green-5: #{variables.$auto-green-5};
|
||||
--gitako-auto-green-6: #{variables.$auto-green-6};
|
||||
--gitako-auto-green-7: #{variables.$auto-green-7};
|
||||
--gitako-auto-green-8: #{variables.$auto-green-8};
|
||||
--gitako-auto-green-9: #{variables.$auto-green-9};
|
||||
--gitako-auto-yellow-0: #{variables.$auto-yellow-0};
|
||||
--gitako-auto-yellow-1: #{variables.$auto-yellow-1};
|
||||
--gitako-auto-yellow-2: #{variables.$auto-yellow-2};
|
||||
--gitako-auto-yellow-3: #{variables.$auto-yellow-3};
|
||||
--gitako-auto-yellow-4: #{variables.$auto-yellow-4};
|
||||
--gitako-auto-yellow-5: #{variables.$auto-yellow-5};
|
||||
--gitako-auto-yellow-6: #{variables.$auto-yellow-6};
|
||||
--gitako-auto-yellow-7: #{variables.$auto-yellow-7};
|
||||
--gitako-auto-yellow-8: #{variables.$auto-yellow-8};
|
||||
--gitako-auto-yellow-9: #{variables.$auto-yellow-9};
|
||||
--gitako-auto-orange-0: #{variables.$auto-orange-0};
|
||||
--gitako-auto-orange-1: #{variables.$auto-orange-1};
|
||||
--gitako-auto-orange-2: #{variables.$auto-orange-2};
|
||||
--gitako-auto-orange-3: #{variables.$auto-orange-3};
|
||||
--gitako-auto-orange-4: #{variables.$auto-orange-4};
|
||||
--gitako-auto-orange-5: #{variables.$auto-orange-5};
|
||||
--gitako-auto-orange-6: #{variables.$auto-orange-6};
|
||||
--gitako-auto-orange-7: #{variables.$auto-orange-7};
|
||||
--gitako-auto-orange-8: #{variables.$auto-orange-8};
|
||||
--gitako-auto-orange-9: #{variables.$auto-orange-9};
|
||||
--gitako-auto-red-0: #{variables.$auto-red-0};
|
||||
--gitako-auto-red-1: #{variables.$auto-red-1};
|
||||
--gitako-auto-red-2: #{variables.$auto-red-2};
|
||||
--gitako-auto-red-3: #{variables.$auto-red-3};
|
||||
--gitako-auto-red-4: #{variables.$auto-red-4};
|
||||
--gitako-auto-red-5: #{variables.$auto-red-5};
|
||||
--gitako-auto-red-6: #{variables.$auto-red-6};
|
||||
--gitako-auto-red-7: #{variables.$auto-red-7};
|
||||
--gitako-auto-red-8: #{variables.$auto-red-8};
|
||||
--gitako-auto-red-9: #{variables.$auto-red-9};
|
||||
--gitako-auto-purple-0: #{variables.$auto-purple-0};
|
||||
--gitako-auto-purple-1: #{variables.$auto-purple-1};
|
||||
--gitako-auto-purple-2: #{variables.$auto-purple-2};
|
||||
--gitako-auto-purple-3: #{variables.$auto-purple-3};
|
||||
--gitako-auto-purple-4: #{variables.$auto-purple-4};
|
||||
--gitako-auto-purple-5: #{variables.$auto-purple-5};
|
||||
--gitako-auto-purple-6: #{variables.$auto-purple-6};
|
||||
--gitako-auto-purple-7: #{variables.$auto-purple-7};
|
||||
--gitako-auto-purple-8: #{variables.$auto-purple-8};
|
||||
--gitako-auto-purple-9: #{variables.$auto-purple-9};
|
||||
--gitako-auto-pink-0: #{variables.$auto-pink-0};
|
||||
--gitako-auto-pink-1: #{variables.$auto-pink-1};
|
||||
--gitako-auto-pink-2: #{variables.$auto-pink-2};
|
||||
--gitako-auto-pink-3: #{variables.$auto-pink-3};
|
||||
--gitako-auto-pink-4: #{variables.$auto-pink-4};
|
||||
--gitako-auto-pink-5: #{variables.$auto-pink-5};
|
||||
--gitako-auto-pink-6: #{variables.$auto-pink-6};
|
||||
--gitako-auto-pink-7: #{variables.$auto-pink-7};
|
||||
--gitako-auto-pink-8: #{variables.$auto-pink-8};
|
||||
--gitako-auto-pink-9: #{variables.$auto-pink-9};
|
||||
--gitako-text-primary: #{variables.$text-primary};
|
||||
--gitako-text-secondary: #{variables.$text-secondary};
|
||||
--gitako-text-tertiary: #{variables.$text-tertiary};
|
||||
--gitako-text-placeholder: #{variables.$text-placeholder};
|
||||
--gitako-text-disabled: #{variables.$text-disabled};
|
||||
--gitako-text-inverse: #{variables.$text-inverse};
|
||||
--gitako-text-link: #{variables.$text-link};
|
||||
--gitako-text-danger: #{variables.$text-danger};
|
||||
--gitako-text-success: #{variables.$text-success};
|
||||
--gitako-text-warning: #{variables.$text-warning};
|
||||
--gitako-text-white: #{variables.$text-white};
|
||||
--gitako-icon-primary: #{variables.$icon-primary};
|
||||
--gitako-icon-secondary: #{variables.$icon-secondary};
|
||||
--gitako-icon-tertiary: #{variables.$icon-tertiary};
|
||||
--gitako-icon-info: #{variables.$icon-info};
|
||||
--gitako-icon-danger: #{variables.$icon-danger};
|
||||
--gitako-icon-success: #{variables.$icon-success};
|
||||
--gitako-icon-warning: #{variables.$icon-warning};
|
||||
--gitako-border-primary: #{variables.$border-primary};
|
||||
--gitako-border-secondary: #{variables.$border-secondary};
|
||||
--gitako-border-tertiary: #{variables.$border-tertiary};
|
||||
--gitako-border-overlay: #{variables.$border-overlay};
|
||||
--gitako-border-inverse: #{variables.$border-inverse};
|
||||
--gitako-border-info: #{variables.$border-info};
|
||||
--gitako-border-danger: #{variables.$border-danger};
|
||||
--gitako-border-success: #{variables.$border-success};
|
||||
--gitako-border-warning: #{variables.$border-warning};
|
||||
--gitako-bg-canvas: #{variables.$bg-canvas};
|
||||
--gitako-bg-canvas-mobile: #{variables.$bg-canvas-mobile};
|
||||
--gitako-bg-canvas-inverse: #{variables.$bg-canvas-inverse};
|
||||
--gitako-bg-canvas-inset: #{variables.$bg-canvas-inset};
|
||||
--gitako-bg-primary: #{variables.$bg-primary};
|
||||
--gitako-bg-secondary: #{variables.$bg-secondary};
|
||||
--gitako-bg-tertiary: #{variables.$bg-tertiary};
|
||||
--gitako-bg-overlay: #{variables.$bg-overlay};
|
||||
--gitako-bg-backdrop: #{variables.$bg-backdrop};
|
||||
--gitako-bg-info: #{variables.$bg-info};
|
||||
--gitako-bg-info-inverse: #{variables.$bg-info-inverse};
|
||||
--gitako-bg-danger: #{variables.$bg-danger};
|
||||
--gitako-bg-danger-inverse: #{variables.$bg-danger-inverse};
|
||||
--gitako-bg-success: #{variables.$bg-success};
|
||||
--gitako-bg-success-inverse: #{variables.$bg-success-inverse};
|
||||
--gitako-bg-warning: #{variables.$bg-warning};
|
||||
--gitako-bg-warning-inverse: #{variables.$bg-warning-inverse};
|
||||
--gitako-shadow-small: #{variables.$shadow-small};
|
||||
--gitako-shadow-medium: #{variables.$shadow-medium};
|
||||
--gitako-shadow-large: #{variables.$shadow-large};
|
||||
--gitako-shadow-extra-large: #{variables.$shadow-extra-large};
|
||||
--gitako-shadow-highlight: #{variables.$shadow-highlight};
|
||||
--gitako-shadow-inset: #{variables.$shadow-inset};
|
||||
--gitako-state-hover-primary-bg: #{variables.$state-hover-primary-bg};
|
||||
--gitako-state-hover-primary-border: #{variables.$state-hover-primary-border};
|
||||
--gitako-state-hover-primary-text: #{variables.$state-hover-primary-text};
|
||||
--gitako-state-hover-primary-icon: #{variables.$state-hover-primary-icon};
|
||||
--gitako-state-hover-secondary-bg: #{variables.$state-hover-secondary-bg};
|
||||
--gitako-state-hover-secondary-border: #{variables.$state-hover-secondary-border};
|
||||
--gitako-state-selected-primary-bg: #{variables.$state-selected-primary-bg};
|
||||
--gitako-state-selected-primary-border: #{variables.$state-selected-primary-border};
|
||||
--gitako-state-selected-primary-text: #{variables.$state-selected-primary-text};
|
||||
--gitako-state-selected-primary-icon: #{variables.$state-selected-primary-icon};
|
||||
--gitako-state-focus-border: #{variables.$state-focus-border};
|
||||
--gitako-state-focus-shadow: #{variables.$state-focus-shadow};
|
||||
--gitako-fade-fg-10: #{variables.$fade-fg-10};
|
||||
--gitako-fade-fg-15: #{variables.$fade-fg-15};
|
||||
--gitako-fade-fg-30: #{variables.$fade-fg-30};
|
||||
--gitako-fade-fg-50: #{variables.$fade-fg-50};
|
||||
--gitako-fade-fg-70: #{variables.$fade-fg-70};
|
||||
--gitako-fade-fg-85: #{variables.$fade-fg-85};
|
||||
--gitako-fade-black-10: #{variables.$fade-black-10};
|
||||
--gitako-fade-black-15: #{variables.$fade-black-15};
|
||||
--gitako-fade-black-30: #{variables.$fade-black-30};
|
||||
--gitako-fade-black-50: #{variables.$fade-black-50};
|
||||
--gitako-fade-black-70: #{variables.$fade-black-70};
|
||||
--gitako-fade-black-85: #{variables.$fade-black-85};
|
||||
--gitako-fade-white-10: #{variables.$fade-white-10};
|
||||
--gitako-fade-white-15: #{variables.$fade-white-15};
|
||||
--gitako-fade-white-30: #{variables.$fade-white-30};
|
||||
--gitako-fade-white-50: #{variables.$fade-white-50};
|
||||
--gitako-fade-white-70: #{variables.$fade-white-70};
|
||||
--gitako-fade-white-85: #{variables.$fade-white-85};
|
||||
--gitako-alert-info-text: #{variables.$alert-info-text};
|
||||
--gitako-alert-info-icon: #{variables.$alert-info-icon};
|
||||
--gitako-alert-info-bg: #{variables.$alert-info-bg};
|
||||
--gitako-alert-info-border: #{variables.$alert-info-border};
|
||||
--gitako-alert-warn-text: #{variables.$alert-warn-text};
|
||||
--gitako-alert-warn-icon: #{variables.$alert-warn-icon};
|
||||
--gitako-alert-warn-bg: #{variables.$alert-warn-bg};
|
||||
--gitako-alert-warn-border: #{variables.$alert-warn-border};
|
||||
--gitako-alert-error-text: #{variables.$alert-error-text};
|
||||
--gitako-alert-error-icon: #{variables.$alert-error-icon};
|
||||
--gitako-alert-error-bg: #{variables.$alert-error-bg};
|
||||
--gitako-alert-error-border: #{variables.$alert-error-border};
|
||||
--gitako-alert-success-text: #{variables.$alert-success-text};
|
||||
--gitako-alert-success-icon: #{variables.$alert-success-icon};
|
||||
--gitako-alert-success-bg: #{variables.$alert-success-bg};
|
||||
--gitako-alert-success-border: #{variables.$alert-success-border};
|
||||
--gitako-autocomplete-shadow: #{variables.$autocomplete-shadow};
|
||||
--gitako-autocomplete-row-border: #{variables.$autocomplete-row-border};
|
||||
--gitako-blankslate-icon: #{variables.$blankslate-icon};
|
||||
--gitako-btn-text: #{variables.$btn-text};
|
||||
--gitako-btn-bg: #{variables.$btn-bg};
|
||||
--gitako-btn-border: #{variables.$btn-border};
|
||||
--gitako-btn-shadow: #{variables.$btn-shadow};
|
||||
--gitako-btn-inset-shadow: #{variables.$btn-inset-shadow};
|
||||
--gitako-btn-hover-bg: #{variables.$btn-hover-bg};
|
||||
--gitako-btn-hover-border: #{variables.$btn-hover-border};
|
||||
--gitako-btn-selected-bg: #{variables.$btn-selected-bg};
|
||||
--gitako-btn-focus-bg: #{variables.$btn-focus-bg};
|
||||
--gitako-btn-focus-border: #{variables.$btn-focus-border};
|
||||
--gitako-btn-focus-shadow: #{variables.$btn-focus-shadow};
|
||||
--gitako-btn-shadow-active: #{variables.$btn-shadow-active};
|
||||
--gitako-btn-shadow-input-focus: #{variables.$btn-shadow-input-focus};
|
||||
--gitako-btn-primary-text: #{variables.$btn-primary-text};
|
||||
--gitako-btn-primary-bg: #{variables.$btn-primary-bg};
|
||||
--gitako-btn-primary-border: #{variables.$btn-primary-border};
|
||||
--gitako-btn-primary-shadow: #{variables.$btn-primary-shadow};
|
||||
--gitako-btn-primary-inset-shadow: #{variables.$btn-primary-inset-shadow};
|
||||
--gitako-btn-primary-hover-bg: #{variables.$btn-primary-hover-bg};
|
||||
--gitako-btn-primary-hover-border: #{variables.$btn-primary-hover-border};
|
||||
--gitako-btn-primary-selected-bg: #{variables.$btn-primary-selected-bg};
|
||||
--gitako-btn-primary-selected-shadow: #{variables.$btn-primary-selected-shadow};
|
||||
--gitako-btn-primary-disabled-text: #{variables.$btn-primary-disabled-text};
|
||||
--gitako-btn-primary-disabled-bg: #{variables.$btn-primary-disabled-bg};
|
||||
--gitako-btn-primary-disabled-border: #{variables.$btn-primary-disabled-border};
|
||||
--gitako-btn-primary-focus-bg: #{variables.$btn-primary-focus-bg};
|
||||
--gitako-btn-primary-focus-border: #{variables.$btn-primary-focus-border};
|
||||
--gitako-btn-primary-focus-shadow: #{variables.$btn-primary-focus-shadow};
|
||||
--gitako-btn-primary-icon: #{variables.$btn-primary-icon};
|
||||
--gitako-btn-primary-counter-bg: #{variables.$btn-primary-counter-bg};
|
||||
--gitako-btn-outline-text: #{variables.$btn-outline-text};
|
||||
--gitako-btn-outline-hover-text: #{variables.$btn-outline-hover-text};
|
||||
--gitako-btn-outline-hover-bg: #{variables.$btn-outline-hover-bg};
|
||||
--gitako-btn-outline-hover-border: #{variables.$btn-outline-hover-border};
|
||||
--gitako-btn-outline-hover-shadow: #{variables.$btn-outline-hover-shadow};
|
||||
--gitako-btn-outline-hover-inset-shadow: #{variables.$btn-outline-hover-inset-shadow};
|
||||
--gitako-btn-outline-hover-counter-bg: #{variables.$btn-outline-hover-counter-bg};
|
||||
--gitako-btn-outline-selected-text: #{variables.$btn-outline-selected-text};
|
||||
--gitako-btn-outline-selected-bg: #{variables.$btn-outline-selected-bg};
|
||||
--gitako-btn-outline-selected-border: #{variables.$btn-outline-selected-border};
|
||||
--gitako-btn-outline-selected-shadow: #{variables.$btn-outline-selected-shadow};
|
||||
--gitako-btn-outline-disabled-text: #{variables.$btn-outline-disabled-text};
|
||||
--gitako-btn-outline-disabled-bg: #{variables.$btn-outline-disabled-bg};
|
||||
--gitako-btn-outline-disabled-counter-bg: #{variables.$btn-outline-disabled-counter-bg};
|
||||
--gitako-btn-outline-focus-border: #{variables.$btn-outline-focus-border};
|
||||
--gitako-btn-outline-focus-shadow: #{variables.$btn-outline-focus-shadow};
|
||||
--gitako-btn-outline-counter-bg: #{variables.$btn-outline-counter-bg};
|
||||
--gitako-btn-danger-text: #{variables.$btn-danger-text};
|
||||
--gitako-btn-danger-hover-text: #{variables.$btn-danger-hover-text};
|
||||
--gitako-btn-danger-hover-bg: #{variables.$btn-danger-hover-bg};
|
||||
--gitako-btn-danger-hover-border: #{variables.$btn-danger-hover-border};
|
||||
--gitako-btn-danger-hover-shadow: #{variables.$btn-danger-hover-shadow};
|
||||
--gitako-btn-danger-hover-inset-shadow: #{variables.$btn-danger-hover-inset-shadow};
|
||||
--gitako-btn-danger-hover-counter-bg: #{variables.$btn-danger-hover-counter-bg};
|
||||
--gitako-btn-danger-selected-text: #{variables.$btn-danger-selected-text};
|
||||
--gitako-btn-danger-selected-bg: #{variables.$btn-danger-selected-bg};
|
||||
--gitako-btn-danger-selected-border: #{variables.$btn-danger-selected-border};
|
||||
--gitako-btn-danger-selected-shadow: #{variables.$btn-danger-selected-shadow};
|
||||
--gitako-btn-danger-disabled-text: #{variables.$btn-danger-disabled-text};
|
||||
--gitako-btn-danger-disabled-bg: #{variables.$btn-danger-disabled-bg};
|
||||
--gitako-btn-danger-disabled-counter-bg: #{variables.$btn-danger-disabled-counter-bg};
|
||||
--gitako-btn-danger-focus-border: #{variables.$btn-danger-focus-border};
|
||||
--gitako-btn-danger-focus-shadow: #{variables.$btn-danger-focus-shadow};
|
||||
--gitako-btn-danger-counter-bg: #{variables.$btn-danger-counter-bg};
|
||||
--gitako-btn-counter-bg: #{variables.$btn-counter-bg};
|
||||
--gitako-counter-text: #{variables.$counter-text};
|
||||
--gitako-counter-bg: #{variables.$counter-bg};
|
||||
--gitako-counter-primary-text: #{variables.$counter-primary-text};
|
||||
--gitako-counter-primary-bg: #{variables.$counter-primary-bg};
|
||||
--gitako-counter-secondary-text: #{variables.$counter-secondary-text};
|
||||
--gitako-dropdown-shadow: #{variables.$dropdown-shadow};
|
||||
--gitako-label-border: #{variables.$label-border};
|
||||
--gitako-label-primary-text: #{variables.$label-primary-text};
|
||||
--gitako-label-primary-border: #{variables.$label-primary-border};
|
||||
--gitako-label-secondary-text: #{variables.$label-secondary-text};
|
||||
--gitako-label-secondary-border: #{variables.$label-secondary-border};
|
||||
--gitako-label-info-text: #{variables.$label-info-text};
|
||||
--gitako-label-info-border: #{variables.$label-info-border};
|
||||
--gitako-label-success-text: #{variables.$label-success-text};
|
||||
--gitako-label-success-border: #{variables.$label-success-border};
|
||||
--gitako-label-warning-text: #{variables.$label-warning-text};
|
||||
--gitako-label-warning-border: #{variables.$label-warning-border};
|
||||
--gitako-label-danger-text: #{variables.$label-danger-text};
|
||||
--gitako-label-danger-border: #{variables.$label-danger-border};
|
||||
--gitako-label-orange-text: #{variables.$label-orange-text};
|
||||
--gitako-label-orange-border: #{variables.$label-orange-border};
|
||||
--gitako-input-bg: #{variables.$input-bg};
|
||||
--gitako-input-contrast-bg: #{variables.$input-contrast-bg};
|
||||
--gitako-input-border: #{variables.$input-border};
|
||||
--gitako-input-shadow: #{variables.$input-shadow};
|
||||
--gitako-input-disabled-bg: #{variables.$input-disabled-bg};
|
||||
--gitako-input-disabled-border: #{variables.$input-disabled-border};
|
||||
--gitako-input-warning-border: #{variables.$input-warning-border};
|
||||
--gitako-input-error-border: #{variables.$input-error-border};
|
||||
--gitako-input-tooltip-success-text: #{variables.$input-tooltip-success-text};
|
||||
--gitako-input-tooltip-success-bg: #{variables.$input-tooltip-success-bg};
|
||||
--gitako-input-tooltip-success-border: #{variables.$input-tooltip-success-border};
|
||||
--gitako-input-tooltip-warning-text: #{variables.$input-tooltip-warning-text};
|
||||
--gitako-input-tooltip-warning-bg: #{variables.$input-tooltip-warning-bg};
|
||||
--gitako-input-tooltip-warning-border: #{variables.$input-tooltip-warning-border};
|
||||
--gitako-input-tooltip-error-text: #{variables.$input-tooltip-error-text};
|
||||
--gitako-input-tooltip-error-bg: #{variables.$input-tooltip-error-bg};
|
||||
--gitako-input-tooltip-error-border: #{variables.$input-tooltip-error-border};
|
||||
--gitako-avatar-bg: #{variables.$avatar-bg};
|
||||
--gitako-avatar-border: #{variables.$avatar-border};
|
||||
--gitako-avatar-stack-fade: #{variables.$avatar-stack-fade};
|
||||
--gitako-avatar-stack-fade-more: #{variables.$avatar-stack-fade-more};
|
||||
--gitako-avatar-child-shadow: #{variables.$avatar-child-shadow};
|
||||
--gitako-toast-text: #{variables.$toast-text};
|
||||
--gitako-toast-bg: #{variables.$toast-bg};
|
||||
--gitako-toast-border: #{variables.$toast-border};
|
||||
--gitako-toast-shadow: #{variables.$toast-shadow};
|
||||
--gitako-toast-icon: #{variables.$toast-icon};
|
||||
--gitako-toast-icon-bg: #{variables.$toast-icon-bg};
|
||||
--gitako-toast-icon-border: #{variables.$toast-icon-border};
|
||||
--gitako-toast-success-text: #{variables.$toast-success-text};
|
||||
--gitako-toast-success-border: #{variables.$toast-success-border};
|
||||
--gitako-toast-success-icon: #{variables.$toast-success-icon};
|
||||
--gitako-toast-success-icon-bg: #{variables.$toast-success-icon-bg};
|
||||
--gitako-toast-success-icon-border: #{variables.$toast-success-icon-border};
|
||||
--gitako-toast-warning-text: #{variables.$toast-warning-text};
|
||||
--gitako-toast-warning-border: #{variables.$toast-warning-border};
|
||||
--gitako-toast-warning-icon: #{variables.$toast-warning-icon};
|
||||
--gitako-toast-warning-icon-bg: #{variables.$toast-warning-icon-bg};
|
||||
--gitako-toast-warning-icon-border: #{variables.$toast-warning-icon-border};
|
||||
--gitako-toast-danger-text: #{variables.$toast-danger-text};
|
||||
--gitako-toast-danger-border: #{variables.$toast-danger-border};
|
||||
--gitako-toast-danger-icon: #{variables.$toast-danger-icon};
|
||||
--gitako-toast-danger-icon-bg: #{variables.$toast-danger-icon-bg};
|
||||
--gitako-toast-danger-icon-border: #{variables.$toast-danger-icon-border};
|
||||
--gitako-toast-loading-text: #{variables.$toast-loading-text};
|
||||
--gitako-toast-loading-border: #{variables.$toast-loading-border};
|
||||
--gitako-toast-loading-icon: #{variables.$toast-loading-icon};
|
||||
--gitako-toast-loading-icon-bg: #{variables.$toast-loading-icon-bg};
|
||||
--gitako-toast-loading-icon-border: #{variables.$toast-loading-icon-border};
|
||||
--gitako-timeline-text: #{variables.$timeline-text};
|
||||
--gitako-timeline-badge-bg: #{variables.$timeline-badge-bg};
|
||||
--gitako-timeline-target-badge-border: #{variables.$timeline-target-badge-border};
|
||||
--gitako-timeline-target-badge-shadow: #{variables.$timeline-target-badge-shadow};
|
||||
--gitako-select-menu-border-secondary: #{variables.$select-menu-border-secondary};
|
||||
--gitako-select-menu-shadow: #{variables.$select-menu-shadow};
|
||||
--gitako-select-menu-backdrop-bg: #{variables.$select-menu-backdrop-bg};
|
||||
--gitako-select-menu-backdrop-border: #{variables.$select-menu-backdrop-border};
|
||||
--gitako-select-menu-tap-highlight: #{variables.$select-menu-tap-highlight};
|
||||
--gitako-select-menu-tap-focus-bg: #{variables.$select-menu-tap-focus-bg};
|
||||
--gitako-box-blue-border: #{variables.$box-blue-border};
|
||||
--gitako-box-row-yellow-bg: #{variables.$box-row-yellow-bg};
|
||||
--gitako-box-row-blue-bg: #{variables.$box-row-blue-bg};
|
||||
--gitako-box-header-blue-bg: #{variables.$box-header-blue-bg};
|
||||
--gitako-box-header-blue-border: #{variables.$box-header-blue-border};
|
||||
--gitako-box-border-info: #{variables.$box-border-info};
|
||||
--gitako-box-bg-info: #{variables.$box-bg-info};
|
||||
--gitako-box-border-warning: #{variables.$box-border-warning};
|
||||
--gitako-box-bg-warning: #{variables.$box-bg-warning};
|
||||
--gitako-branch-name-text: #{variables.$branch-name-text};
|
||||
--gitako-branch-name-icon: #{variables.$branch-name-icon};
|
||||
--gitako-branch-name-bg: #{variables.$branch-name-bg};
|
||||
--gitako-branch-name-link-text: #{variables.$branch-name-link-text};
|
||||
--gitako-branch-name-link-icon: #{variables.$branch-name-link-icon};
|
||||
--gitako-branch-name-link-bg: #{variables.$branch-name-link-bg};
|
||||
--gitako-markdown-code-bg: #{variables.$markdown-code-bg};
|
||||
--gitako-markdown-frame-border: #{variables.$markdown-frame-border};
|
||||
--gitako-markdown-blockquote-border: #{variables.$markdown-blockquote-border};
|
||||
--gitako-markdown-table-border: #{variables.$markdown-table-border};
|
||||
--gitako-markdown-table-tr-border: #{variables.$markdown-table-tr-border};
|
||||
--gitako-menu-heading-text: #{variables.$menu-heading-text};
|
||||
--gitako-menu-border-active: #{variables.$menu-border-active};
|
||||
--gitako-menu-bg-active: #{variables.$menu-bg-active};
|
||||
--gitako-sidenav-selected-bg: #{variables.$sidenav-selected-bg};
|
||||
--gitako-sidenav-border-active: #{variables.$sidenav-border-active};
|
||||
--gitako-header-text: #{variables.$header-text};
|
||||
--gitako-header-bg: #{variables.$header-bg};
|
||||
--gitako-header-logo: #{variables.$header-logo};
|
||||
--gitako-filter-item-bar-bg: #{variables.$filter-item-bar-bg};
|
||||
--gitako-hidden-text-expander-bg: #{variables.$hidden-text-expander-bg};
|
||||
--gitako-hidden-text-expander-bg-hover: #{variables.$hidden-text-expander-bg-hover};
|
||||
--gitako-drag-and-drop-border: #{variables.$drag-and-drop-border};
|
||||
--gitako-upload-enabled-border: #{variables.$upload-enabled-border};
|
||||
--gitako-upload-enabled-border-focused: #{variables.$upload-enabled-border-focused};
|
||||
--gitako-previewable-comment-form-border: #{variables.$previewable-comment-form-border};
|
||||
--gitako-underlinenav-border: #{variables.$underlinenav-border};
|
||||
--gitako-underlinenav-border-hover: #{variables.$underlinenav-border-hover};
|
||||
--gitako-underlinenav-border-active: #{variables.$underlinenav-border-active};
|
||||
--gitako-underlinenav-text: #{variables.$underlinenav-text};
|
||||
--gitako-underlinenav-text-hover: #{variables.$underlinenav-text-hover};
|
||||
--gitako-underlinenav-text-active: #{variables.$underlinenav-text-active};
|
||||
--gitako-underlinenav-icon: #{variables.$underlinenav-icon};
|
||||
--gitako-underlinenav-icon-hover: #{variables.$underlinenav-icon-hover};
|
||||
--gitako-underlinenav-icon-active: #{variables.$underlinenav-icon-active};
|
||||
--gitako-underlinenav-counter-text: #{variables.$underlinenav-counter-text};
|
||||
--gitako-verified-badge-text: #{variables.$verified-badge-text};
|
||||
--gitako-verified-badge-bg: #{variables.$verified-badge-bg};
|
||||
--gitako-verified-badge-border: #{variables.$verified-badge-border};
|
||||
--gitako-social-count-bg: #{variables.$social-count-bg};
|
||||
--gitako-tooltip-text: #{variables.$tooltip-text};
|
||||
--gitako-tooltip-bg: #{variables.$tooltip-bg};
|
||||
--gitako-header-search-bg: #{variables.$header-search-bg};
|
||||
--gitako-header-search-border: #{variables.$header-search-border};
|
||||
--gitako-search-keyword-hl: #{variables.$search-keyword-hl};
|
||||
--gitako-diffstat-neutral-bg: #{variables.$diffstat-neutral-bg};
|
||||
--gitako-diffstat-neutral-border: #{variables.$diffstat-neutral-border};
|
||||
--gitako-diffstat-deletion-bg: #{variables.$diffstat-deletion-bg};
|
||||
--gitako-diffstat-deletion-border: #{variables.$diffstat-deletion-border};
|
||||
--gitako-diffstat-addition-bg: #{variables.$diffstat-addition-bg};
|
||||
--gitako-diffstat-addition-border: #{variables.$diffstat-addition-border};
|
||||
--gitako-files-explorer-icon: #{variables.$files-explorer-icon};
|
||||
--gitako-hl-author-bg: #{variables.$hl-author-bg};
|
||||
--gitako-hl-author-border: #{variables.$hl-author-border};
|
||||
--gitako-logo-subdued: #{variables.$logo-subdued};
|
||||
--gitako-discussion-border: #{variables.$discussion-border};
|
||||
--gitako-discussion-bg-success: #{variables.$discussion-bg-success};
|
||||
--gitako-actions-workflow-table-sticky-bg: #{variables.$actions-workflow-table-sticky-bg};
|
||||
--gitako-repo-language-color-border: #{variables.$repo-language-color-border};
|
||||
--gitako-code-selection-bg: #{variables.$code-selection-bg};
|
||||
--gitako-blob-line-highlight-bg: #{variables.$blob-line-highlight-bg};
|
||||
--gitako-blob-line-highlight-border: #{variables.$blob-line-highlight-border};
|
||||
--gitako-diff-addition-text: #{variables.$diff-addition-text};
|
||||
--gitako-diff-addition-bg: #{variables.$diff-addition-bg};
|
||||
--gitako-diff-addition-border: #{variables.$diff-addition-border};
|
||||
--gitako-diff-deletion-text: #{variables.$diff-deletion-text};
|
||||
--gitako-diff-deletion-bg: #{variables.$diff-deletion-bg};
|
||||
--gitako-diff-deletion-border: #{variables.$diff-deletion-border};
|
||||
--gitako-diff-change-text: #{variables.$diff-change-text};
|
||||
--gitako-diff-change-bg: #{variables.$diff-change-bg};
|
||||
--gitako-diff-change-border: #{variables.$diff-change-border};
|
||||
--gitako-diff-blob-num-text: #{variables.$diff-blob-num-text};
|
||||
--gitako-diff-blob-num-hover-text: #{variables.$diff-blob-num-hover-text};
|
||||
--gitako-diff-blob-addition-num-text: #{variables.$diff-blob-addition-num-text};
|
||||
--gitako-diff-blob-addition-num-hover-text: #{variables.$diff-blob-addition-num-hover-text};
|
||||
--gitako-diff-blob-addition-num-bg: #{variables.$diff-blob-addition-num-bg};
|
||||
--gitako-diff-blob-addition-line-bg: #{variables.$diff-blob-addition-line-bg};
|
||||
--gitako-diff-blob-addition-word-bg: #{variables.$diff-blob-addition-word-bg};
|
||||
--gitako-diff-blob-deletion-num-text: #{variables.$diff-blob-deletion-num-text};
|
||||
--gitako-diff-blob-deletion-num-hover-text: #{variables.$diff-blob-deletion-num-hover-text};
|
||||
--gitako-diff-blob-deletion-num-bg: #{variables.$diff-blob-deletion-num-bg};
|
||||
--gitako-diff-blob-deletion-line-bg: #{variables.$diff-blob-deletion-line-bg};
|
||||
--gitako-diff-blob-deletion-word-bg: #{variables.$diff-blob-deletion-word-bg};
|
||||
--gitako-diff-blob-hunk-text: #{variables.$diff-blob-hunk-text};
|
||||
--gitako-diff-blob-hunk-num-bg: #{variables.$diff-blob-hunk-num-bg};
|
||||
--gitako-diff-blob-hunk-line-bg: #{variables.$diff-blob-hunk-line-bg};
|
||||
--gitako-diff-blob-empty-block-bg: #{variables.$diff-blob-empty-block-bg};
|
||||
--gitako-diff-blob-selected-line-highlight-bg: #{variables.$diff-blob-selected-line-highlight-bg};
|
||||
--gitako-diff-blob-selected-line-highlight-border: #{variables.$diff-blob-selected-line-highlight-border};
|
||||
--gitako-diff-blob-selected-line-highlight-mix-blend-mode: #{variables.$diff-blob-selected-line-highlight-mix-blend-mode};
|
||||
--gitako-diff-blob-expander-icon: #{variables.$diff-blob-expander-icon};
|
||||
--gitako-diff-blob-expander-hover-icon: #{variables.$diff-blob-expander-hover-icon};
|
||||
--gitako-diff-blob-expander-hover-bg: #{variables.$diff-blob-expander-hover-bg};
|
||||
--gitako-diff-blob-comment-button-icon: #{variables.$diff-blob-comment-button-icon};
|
||||
--gitako-diff-blob-comment-button-bg: #{variables.$diff-blob-comment-button-bg};
|
||||
--gitako-diff-blob-comment-button-gradient-bg: #{variables.$diff-blob-comment-button-gradient-bg};
|
||||
--gitako-global-nav-logo: #{variables.$global-nav-logo};
|
||||
--gitako-global-nav-bg: #{variables.$global-nav-bg};
|
||||
--gitako-global-nav-text: #{variables.$global-nav-text};
|
||||
--gitako-global-nav-icon: #{variables.$global-nav-icon};
|
||||
--gitako-global-nav-input-bg: #{variables.$global-nav-input-bg};
|
||||
--gitako-global-nav-input-border: #{variables.$global-nav-input-border};
|
||||
--gitako-global-nav-input-icon: #{variables.$global-nav-input-icon};
|
||||
--gitako-global-nav-input-placeholder: #{variables.$global-nav-input-placeholder};
|
||||
--gitako-calendar-graph-day-bg: #{variables.$calendar-graph-day-bg};
|
||||
--gitako-calendar-graph-day-border: #{variables.$calendar-graph-day-border};
|
||||
--gitako-calendar-graph-day-l1-bg: #{variables.$calendar-graph-day-l1-bg};
|
||||
--gitako-calendar-graph-day-l2-bg: #{variables.$calendar-graph-day-l2-bg};
|
||||
--gitako-calendar-graph-day-l3-bg: #{variables.$calendar-graph-day-l3-bg};
|
||||
--gitako-calendar-graph-day-l4-bg: #{variables.$calendar-graph-day-l4-bg};
|
||||
--gitako-calendar-graph-day-l4-border: #{variables.$calendar-graph-day-l4-border};
|
||||
--gitako-calendar-graph-day-l3-border: #{variables.$calendar-graph-day-l3-border};
|
||||
--gitako-calendar-graph-day-l2-border: #{variables.$calendar-graph-day-l2-border};
|
||||
--gitako-calendar-graph-day-l1-border: #{variables.$calendar-graph-day-l1-border};
|
||||
--gitako-footer-invertocat-octicon: #{variables.$footer-invertocat-octicon};
|
||||
--gitako-footer-invertocat-octicon-hover: #{variables.$footer-invertocat-octicon-hover};
|
||||
--gitako-pr-state-draft-text: #{variables.$pr-state-draft-text};
|
||||
--gitako-pr-state-draft-bg: #{variables.$pr-state-draft-bg};
|
||||
--gitako-pr-state-draft-border: #{variables.$pr-state-draft-border};
|
||||
--gitako-pr-state-open-text: #{variables.$pr-state-open-text};
|
||||
--gitako-pr-state-open-bg: #{variables.$pr-state-open-bg};
|
||||
--gitako-pr-state-open-border: #{variables.$pr-state-open-border};
|
||||
--gitako-pr-state-merged-text: #{variables.$pr-state-merged-text};
|
||||
--gitako-pr-state-merged-bg: #{variables.$pr-state-merged-bg};
|
||||
--gitako-pr-state-merged-border: #{variables.$pr-state-merged-border};
|
||||
--gitako-pr-state-closed-text: #{variables.$pr-state-closed-text};
|
||||
--gitako-pr-state-closed-bg: #{variables.$pr-state-closed-bg};
|
||||
--gitako-pr-state-closed-border: #{variables.$pr-state-closed-border};
|
||||
--gitako-topic-tag-text: #{variables.$topic-tag-text};
|
||||
--gitako-topic-tag-bg: #{variables.$topic-tag-bg};
|
||||
--gitako-topic-tag-hover-bg: #{variables.$topic-tag-hover-bg};
|
||||
--gitako-topic-tag-active-bg: #{variables.$topic-tag-active-bg};
|
||||
--gitako-merge-box-success-icon-bg: #{variables.$merge-box-success-icon-bg};
|
||||
--gitako-merge-box-success-icon-text: #{variables.$merge-box-success-icon-text};
|
||||
--gitako-merge-box-success-icon-border: #{variables.$merge-box-success-icon-border};
|
||||
--gitako-merge-box-success-indicator-bg: #{variables.$merge-box-success-indicator-bg};
|
||||
--gitako-merge-box-success-indicator-border: #{variables.$merge-box-success-indicator-border};
|
||||
--gitako-merge-box-merged-icon-bg: #{variables.$merge-box-merged-icon-bg};
|
||||
--gitako-merge-box-merged-icon-text: #{variables.$merge-box-merged-icon-text};
|
||||
--gitako-merge-box-merged-icon-border: #{variables.$merge-box-merged-icon-border};
|
||||
--gitako-merge-box-merged-box-border: #{variables.$merge-box-merged-box-border};
|
||||
--gitako-merge-box-neutral-icon-bg: #{variables.$merge-box-neutral-icon-bg};
|
||||
--gitako-merge-box-neutral-icon-text: #{variables.$merge-box-neutral-icon-text};
|
||||
--gitako-merge-box-neutral-icon-border: #{variables.$merge-box-neutral-icon-border};
|
||||
--gitako-merge-box-neutral-indicator-bg: #{variables.$merge-box-neutral-indicator-bg};
|
||||
--gitako-merge-box-neutral-indicator-border: #{variables.$merge-box-neutral-indicator-border};
|
||||
--gitako-merge-box-warning-icon-bg: #{variables.$merge-box-warning-icon-bg};
|
||||
--gitako-merge-box-warning-icon-text: #{variables.$merge-box-warning-icon-text};
|
||||
--gitako-merge-box-warning-icon-border: #{variables.$merge-box-warning-icon-border};
|
||||
--gitako-merge-box-warning-box-border: #{variables.$merge-box-warning-box-border};
|
||||
--gitako-merge-box-warning-merge-highlight: #{variables.$merge-box-warning-merge-highlight};
|
||||
--gitako-merge-box-error-icon-bg: #{variables.$merge-box-error-icon-bg};
|
||||
--gitako-merge-box-error-icon-text: #{variables.$merge-box-error-icon-text};
|
||||
--gitako-merge-box-error-icon-border: #{variables.$merge-box-error-icon-border};
|
||||
--gitako-merge-box-error-indicator-bg: #{variables.$merge-box-error-indicator-bg};
|
||||
--gitako-merge-box-error-indicator-border: #{variables.$merge-box-error-indicator-border};
|
||||
--gitako-project-card-bg: #{variables.$project-card-bg};
|
||||
--gitako-project-header-bg: #{variables.$project-header-bg};
|
||||
--gitako-project-sidebar-bg: #{variables.$project-sidebar-bg};
|
||||
--gitako-project-gradient-in: #{variables.$project-gradient-in};
|
||||
--gitako-project-gradient-out: #{variables.$project-gradient-out};
|
||||
--gitako-marketing-icon-primary: #{variables.$marketing-icon-primary};
|
||||
--gitako-marketing-icon-secondary: #{variables.$marketing-icon-secondary};
|
||||
--gitako-prettylights-syntax-comment: #{variables.$prettylights-syntax-comment};
|
||||
--gitako-prettylights-syntax-constant: #{variables.$prettylights-syntax-constant};
|
||||
--gitako-prettylights-syntax-entity: #{variables.$prettylights-syntax-entity};
|
||||
--gitako-prettylights-syntax-storage-modifier-import: #{variables.$prettylights-syntax-storage-modifier-import};
|
||||
--gitako-prettylights-syntax-entity-tag: #{variables.$prettylights-syntax-entity-tag};
|
||||
--gitako-prettylights-syntax-keyword: #{variables.$prettylights-syntax-keyword};
|
||||
--gitako-prettylights-syntax-string: #{variables.$prettylights-syntax-string};
|
||||
--gitako-prettylights-syntax-variable: #{variables.$prettylights-syntax-variable};
|
||||
--gitako-prettylights-syntax-brackethighlighter-unmatched: #{variables.$prettylights-syntax-brackethighlighter-unmatched};
|
||||
--gitako-prettylights-syntax-invalid-illegal-text: #{variables.$prettylights-syntax-invalid-illegal-text};
|
||||
--gitako-prettylights-syntax-invalid-illegal-bg: #{variables.$prettylights-syntax-invalid-illegal-bg};
|
||||
--gitako-prettylights-syntax-carriage-return-text: #{variables.$prettylights-syntax-carriage-return-text};
|
||||
--gitako-prettylights-syntax-carriage-return-bg: #{variables.$prettylights-syntax-carriage-return-bg};
|
||||
--gitako-prettylights-syntax-string-regexp: #{variables.$prettylights-syntax-string-regexp};
|
||||
--gitako-prettylights-syntax-markup-list: #{variables.$prettylights-syntax-markup-list};
|
||||
--gitako-prettylights-syntax-markup-heading: #{variables.$prettylights-syntax-markup-heading};
|
||||
--gitako-prettylights-syntax-markup-italic: #{variables.$prettylights-syntax-markup-italic};
|
||||
--gitako-prettylights-syntax-markup-bold: #{variables.$prettylights-syntax-markup-bold};
|
||||
--gitako-prettylights-syntax-markup-deleted-text: #{variables.$prettylights-syntax-markup-deleted-text};
|
||||
--gitako-prettylights-syntax-markup-deleted-bg: #{variables.$prettylights-syntax-markup-deleted-bg};
|
||||
--gitako-prettylights-syntax-markup-inserted-text: #{variables.$prettylights-syntax-markup-inserted-text};
|
||||
--gitako-prettylights-syntax-markup-inserted-bg: #{variables.$prettylights-syntax-markup-inserted-bg};
|
||||
--gitako-prettylights-syntax-markup-changed-text: #{variables.$prettylights-syntax-markup-changed-text};
|
||||
--gitako-prettylights-syntax-markup-changed-bg: #{variables.$prettylights-syntax-markup-changed-bg};
|
||||
--gitako-prettylights-syntax-markup-ignored-text: #{variables.$prettylights-syntax-markup-ignored-text};
|
||||
--gitako-prettylights-syntax-markup-ignored-bg: #{variables.$prettylights-syntax-markup-ignored-bg};
|
||||
--gitako-prettylights-syntax-meta-diff-range: #{variables.$prettylights-syntax-meta-diff-range};
|
||||
--gitako-prettylights-syntax-brackethighlighter-angle: #{variables.$prettylights-syntax-brackethighlighter-angle};
|
||||
--gitako-prettylights-syntax-sublimelinter-gutter-mark: #{variables.$prettylights-syntax-sublimelinter-gutter-mark};
|
||||
--gitako-prettylights-syntax-constant-other-reference-link: #{variables.$prettylights-syntax-constant-other-reference-link};
|
||||
--gitako-codemirror-text: #{variables.$codemirror-text};
|
||||
--gitako-codemirror-bg: #{variables.$codemirror-bg};
|
||||
--gitako-codemirror-gutters-bg: #{variables.$codemirror-gutters-bg};
|
||||
--gitako-codemirror-guttermarker-text: #{variables.$codemirror-guttermarker-text};
|
||||
--gitako-codemirror-guttermarker-subtle-text: #{variables.$codemirror-guttermarker-subtle-text};
|
||||
--gitako-codemirror-linenumber-text: #{variables.$codemirror-linenumber-text};
|
||||
--gitako-codemirror-cursor: #{variables.$codemirror-cursor};
|
||||
--gitako-codemirror-selection-bg: #{variables.$codemirror-selection-bg};
|
||||
--gitako-codemirror-activeline-bg: #{variables.$codemirror-activeline-bg};
|
||||
--gitako-codemirror-matchingbracket-text: #{variables.$codemirror-matchingbracket-text};
|
||||
--gitako-codemirror-lines-bg: #{variables.$codemirror-lines-bg};
|
||||
--gitako-codemirror-syntax-comment: #{variables.$codemirror-syntax-comment};
|
||||
--gitako-codemirror-syntax-constant: #{variables.$codemirror-syntax-constant};
|
||||
--gitako-codemirror-syntax-entity: #{variables.$codemirror-syntax-entity};
|
||||
--gitako-codemirror-syntax-keyword: #{variables.$codemirror-syntax-keyword};
|
||||
--gitako-codemirror-syntax-storage: #{variables.$codemirror-syntax-storage};
|
||||
--gitako-codemirror-syntax-string: #{variables.$codemirror-syntax-string};
|
||||
--gitako-codemirror-syntax-support: #{variables.$codemirror-syntax-support};
|
||||
--gitako-codemirror-syntax-variable: #{variables.$codemirror-syntax-variable};
|
||||
--gitako-ansi-black: #{variables.$ansi-black};
|
||||
--gitako-ansi-black-bright: #{variables.$ansi-black-bright};
|
||||
--gitako-ansi-white: #{variables.$ansi-white};
|
||||
--gitako-ansi-white-bright: #{variables.$ansi-white-bright};
|
||||
--gitako-ansi-gray: #{variables.$ansi-gray};
|
||||
--gitako-ansi-red: #{variables.$ansi-red};
|
||||
--gitako-ansi-red-bright: #{variables.$ansi-red-bright};
|
||||
--gitako-ansi-green: #{variables.$ansi-green};
|
||||
--gitako-ansi-green-bright: #{variables.$ansi-green-bright};
|
||||
--gitako-ansi-yellow: #{variables.$ansi-yellow};
|
||||
--gitako-ansi-yellow-bright: #{variables.$ansi-yellow-bright};
|
||||
--gitako-ansi-blue: #{variables.$ansi-blue};
|
||||
--gitako-ansi-blue-bright: #{variables.$ansi-blue-bright};
|
||||
--gitako-ansi-magenta: #{variables.$ansi-magenta};
|
||||
--gitako-ansi-magenta-bright: #{variables.$ansi-magenta-bright};
|
||||
--gitako-ansi-cyan: #{variables.$ansi-cyan};
|
||||
--gitako-ansi-cyan-bright: #{variables.$ansi-cyan-bright};
|
||||
}
|
||||
564
src/styles/light/variables.scss
Normal file
564
src/styles/light/variables.scss
Normal file
|
|
@ -0,0 +1,564 @@
|
|||
$auto-black: #1b1f23;
|
||||
$auto-white: #fff;
|
||||
$auto-gray-0: #fafbfc;
|
||||
$auto-gray-1: #f6f8fa;
|
||||
$auto-gray-2: #e1e4e8;
|
||||
$auto-gray-3: #d1d5da;
|
||||
$auto-gray-4: #959da5;
|
||||
$auto-gray-5: #6a737d;
|
||||
$auto-gray-6: #586069;
|
||||
$auto-gray-7: #444d56;
|
||||
$auto-gray-8: #2f363d;
|
||||
$auto-gray-9: #24292e;
|
||||
$auto-blue-0: #f1f8ff;
|
||||
$auto-blue-1: #dbedff;
|
||||
$auto-blue-2: #c8e1ff;
|
||||
$auto-blue-3: #79b8ff;
|
||||
$auto-blue-4: #2188ff;
|
||||
$auto-blue-5: #0366d6;
|
||||
$auto-blue-6: #005cc5;
|
||||
$auto-blue-7: #044289;
|
||||
$auto-blue-8: #032f62;
|
||||
$auto-blue-9: #05264c;
|
||||
$auto-green-0: #f0fff4;
|
||||
$auto-green-1: #dcffe4;
|
||||
$auto-green-2: #bef5cb;
|
||||
$auto-green-3: #85e89d;
|
||||
$auto-green-4: #34d058;
|
||||
$auto-green-5: #28a745;
|
||||
$auto-green-6: #22863a;
|
||||
$auto-green-7: #176f2c;
|
||||
$auto-green-8: #165c26;
|
||||
$auto-green-9: #144620;
|
||||
$auto-yellow-0: #fffdef;
|
||||
$auto-yellow-1: #fffbdd;
|
||||
$auto-yellow-2: #fff5b1;
|
||||
$auto-yellow-3: #ffea7f;
|
||||
$auto-yellow-4: #ffdf5d;
|
||||
$auto-yellow-5: #ffd33d;
|
||||
$auto-yellow-6: #f9c513;
|
||||
$auto-yellow-7: #dbab09;
|
||||
$auto-yellow-8: #b08800;
|
||||
$auto-yellow-9: #735c0f;
|
||||
$auto-orange-0: #fff8f2;
|
||||
$auto-orange-1: #ffebda;
|
||||
$auto-orange-2: #ffd1ac;
|
||||
$auto-orange-3: #ffab70;
|
||||
$auto-orange-4: #fb8532;
|
||||
$auto-orange-5: #f66a0a;
|
||||
$auto-orange-6: #e36209;
|
||||
$auto-orange-7: #d15704;
|
||||
$auto-orange-8: #c24e00;
|
||||
$auto-orange-9: #a04100;
|
||||
$auto-red-0: #ffeef0;
|
||||
$auto-red-1: #ffdce0;
|
||||
$auto-red-2: #fdaeb7;
|
||||
$auto-red-3: #f97583;
|
||||
$auto-red-4: #ea4a5a;
|
||||
$auto-red-5: #d73a49;
|
||||
$auto-red-6: #cb2431;
|
||||
$auto-red-7: #b31d28;
|
||||
$auto-red-8: #9e1c23;
|
||||
$auto-red-9: #86181d;
|
||||
$auto-purple-0: #f5f0ff;
|
||||
$auto-purple-1: #e6dcfd;
|
||||
$auto-purple-2: #d1bcf9;
|
||||
$auto-purple-3: #b392f0;
|
||||
$auto-purple-4: #8a63d2;
|
||||
$auto-purple-5: #6f42c1;
|
||||
$auto-purple-6: #5a32a3;
|
||||
$auto-purple-7: #4c2889;
|
||||
$auto-purple-8: #3a1d6e;
|
||||
$auto-purple-9: #29134e;
|
||||
$auto-pink-0: #ffeef8;
|
||||
$auto-pink-1: #fedbf0;
|
||||
$auto-pink-2: #f9b3dd;
|
||||
$auto-pink-3: #f692ce;
|
||||
$auto-pink-4: #ec6cb9;
|
||||
$auto-pink-5: #ea4aaa;
|
||||
$auto-pink-6: #d03592;
|
||||
$auto-pink-7: #b93a86;
|
||||
$auto-pink-8: #99306f;
|
||||
$auto-pink-9: #6d224f;
|
||||
$text-primary: #24292e;
|
||||
$text-secondary: #586069;
|
||||
$text-tertiary: #6a737d;
|
||||
$text-placeholder: #6a737d;
|
||||
$text-disabled: #6a737d;
|
||||
$text-inverse: #fff;
|
||||
$text-link: #0366d6;
|
||||
$text-danger: #cb2431;
|
||||
$text-success: #22863a;
|
||||
$text-warning: #b08800;
|
||||
$text-white: #fff;
|
||||
$icon-primary: #24292e;
|
||||
$icon-secondary: #586069;
|
||||
$icon-tertiary: #959da5;
|
||||
$icon-info: #0366d6;
|
||||
$icon-danger: #d73a49;
|
||||
$icon-success: #22863a;
|
||||
$icon-warning: #b08800;
|
||||
$border-primary: #e1e4e8;
|
||||
$border-secondary: #eaecef;
|
||||
$border-tertiary: #d1d5da;
|
||||
$border-overlay: #e1e4e8;
|
||||
$border-inverse: #fff;
|
||||
$border-info: #0366d6;
|
||||
$border-danger: #d73a49;
|
||||
$border-success: #34d058;
|
||||
$border-warning: #f9c513;
|
||||
$bg-canvas: #fff;
|
||||
$bg-canvas-mobile: #fff;
|
||||
$bg-canvas-inverse: #24292e;
|
||||
$bg-canvas-inset: #f6f8fa;
|
||||
$bg-primary: #fff;
|
||||
$bg-secondary: #fafbfc;
|
||||
$bg-tertiary: #f6f8fa;
|
||||
$bg-overlay: #fff;
|
||||
$bg-backdrop: #1b1f2380;
|
||||
$bg-info: #f1f8ff;
|
||||
$bg-info-inverse: #0366d6;
|
||||
$bg-danger: #ffeef0;
|
||||
$bg-danger-inverse: #d73a49;
|
||||
$bg-success: #dcffe4;
|
||||
$bg-success-inverse: #28a745;
|
||||
$bg-warning: #fff5b1;
|
||||
$bg-warning-inverse: #ffd33d;
|
||||
$shadow-small: 0 1px 0 #1b1f230a;
|
||||
$shadow-medium: 0 3px 6px #959da526;
|
||||
$shadow-large: 0 8px 24px #959da533;
|
||||
$shadow-extra-large: 0 12px 48px #959da54d;
|
||||
$shadow-highlight: inset 0 1px 0 #ffffff40;
|
||||
$shadow-inset: inset 0 1px 0 #e1e4e833;
|
||||
$state-hover-primary-bg: #0366d6;
|
||||
$state-hover-primary-border: #0366d6;
|
||||
$state-hover-primary-text: #fff;
|
||||
$state-hover-primary-icon: #fff;
|
||||
$state-hover-secondary-bg: #f6f8fa;
|
||||
$state-hover-secondary-border: #f6f8fa;
|
||||
$state-selected-primary-bg: #0366d6;
|
||||
$state-selected-primary-border: #0366d6;
|
||||
$state-selected-primary-text: #fff;
|
||||
$state-selected-primary-icon: #fff;
|
||||
$state-focus-border: #0366d6;
|
||||
$state-focus-shadow: 0 0 0 3px #0366d64d;
|
||||
$fade-fg-10: #1b1f231a;
|
||||
$fade-fg-15: #1b1f2326;
|
||||
$fade-fg-30: #1b1f234d;
|
||||
$fade-fg-50: #1b1f2380;
|
||||
$fade-fg-70: #1b1f23b3;
|
||||
$fade-fg-85: #1b1f23d9;
|
||||
$fade-black-10: #1b1f231a;
|
||||
$fade-black-15: #1b1f2326;
|
||||
$fade-black-30: #1b1f234d;
|
||||
$fade-black-50: #1b1f2380;
|
||||
$fade-black-70: #1b1f23b3;
|
||||
$fade-black-85: #1b1f23d9;
|
||||
$fade-white-10: #ffffff1a;
|
||||
$fade-white-15: #ffffff26;
|
||||
$fade-white-30: #ffffff4d;
|
||||
$fade-white-50: #ffffff80;
|
||||
$fade-white-70: #ffffffb3;
|
||||
$fade-white-85: #ffffffd9;
|
||||
$alert-info-text: #24292e;
|
||||
$alert-info-icon: #04428999;
|
||||
$alert-info-bg: #dbedff;
|
||||
$alert-info-border: #04428933;
|
||||
$alert-warn-text: #24292e;
|
||||
$alert-warn-icon: #b08800;
|
||||
$alert-warn-bg: #fffbdd;
|
||||
$alert-warn-border: #b0880033;
|
||||
$alert-error-text: #24292e;
|
||||
$alert-error-icon: #9e1c2399;
|
||||
$alert-error-bg: #ffe3e6;
|
||||
$alert-error-border: #9e1c2333;
|
||||
$alert-success-text: #24292e;
|
||||
$alert-success-icon: #176f2ccc;
|
||||
$alert-success-bg: #dcffe4;
|
||||
$alert-success-border: #176f2c33;
|
||||
$autocomplete-shadow: 0 3px 6px #959da526;
|
||||
$autocomplete-row-border: #eaecef;
|
||||
$blankslate-icon: #a3aab1;
|
||||
$btn-text: #24292e;
|
||||
$btn-bg: #fafbfc;
|
||||
$btn-border: #1b1f2326;
|
||||
$btn-shadow: 0 1px 0 #1b1f230a;
|
||||
$btn-inset-shadow: inset 0 1px 0 #ffffff40;
|
||||
$btn-hover-bg: #f3f4f6;
|
||||
$btn-hover-border: #1b1f2326;
|
||||
$btn-selected-bg: #edeff2;
|
||||
$btn-focus-bg: #fafbfc;
|
||||
$btn-focus-border: #1b1f2326;
|
||||
$btn-focus-shadow: 0 0 0 3px #0366d64d;
|
||||
$btn-shadow-active: inset 0 0.15em 0.3em #1b1f2326;
|
||||
$btn-shadow-input-focus: 0 0 0 0.2em #0366d64d;
|
||||
$btn-primary-text: #fff;
|
||||
$btn-primary-bg: #2ea44f;
|
||||
$btn-primary-border: #1b1f2326;
|
||||
$btn-primary-shadow: 0 1px 0 #1b1f231a;
|
||||
$btn-primary-inset-shadow: inset 0 1px 0 #ffffff08;
|
||||
$btn-primary-hover-bg: #2c974b;
|
||||
$btn-primary-hover-border: #1b1f2326;
|
||||
$btn-primary-selected-bg: #2a8f47;
|
||||
$btn-primary-selected-shadow: inset 0 1px 0 #14462033;
|
||||
$btn-primary-disabled-text: #fffc;
|
||||
$btn-primary-disabled-bg: #94d3a2;
|
||||
$btn-primary-disabled-border: #1b1f231a;
|
||||
$btn-primary-focus-bg: #2ea44f;
|
||||
$btn-primary-focus-border: #1b1f2326;
|
||||
$btn-primary-focus-shadow: 0 0 0 3px #2ea44f66;
|
||||
$btn-primary-icon: #fffc;
|
||||
$btn-primary-counter-bg: #fff3;
|
||||
$btn-outline-text: #0366d6;
|
||||
$btn-outline-hover-text: #fff;
|
||||
$btn-outline-hover-bg: #0366d6;
|
||||
$btn-outline-hover-border: #1b1f2326;
|
||||
$btn-outline-hover-shadow: 0 1px 0 #1b1f231a;
|
||||
$btn-outline-hover-inset-shadow: inset 0 1px 0 #ffffff08;
|
||||
$btn-outline-hover-counter-bg: #fff3;
|
||||
$btn-outline-selected-text: #fff;
|
||||
$btn-outline-selected-bg: #035fc7;
|
||||
$btn-outline-selected-border: #1b1f2326;
|
||||
$btn-outline-selected-shadow: inset 0 1px 0 #05264c33;
|
||||
$btn-outline-disabled-text: #0366d680;
|
||||
$btn-outline-disabled-bg: #fafbfc;
|
||||
$btn-outline-disabled-counter-bg: #0366d60d;
|
||||
$btn-outline-focus-border: #1b1f2326;
|
||||
$btn-outline-focus-shadow: 0 0 0 3px #005cc566;
|
||||
$btn-outline-counter-bg: #0366d61a;
|
||||
$btn-danger-text: #d73a49;
|
||||
$btn-danger-hover-text: #fff;
|
||||
$btn-danger-hover-bg: #cb2431;
|
||||
$btn-danger-hover-border: #1b1f2326;
|
||||
$btn-danger-hover-shadow: 0 1px 0 #1b1f231a;
|
||||
$btn-danger-hover-inset-shadow: inset 0 1px 0 #ffffff08;
|
||||
$btn-danger-hover-counter-bg: #fff3;
|
||||
$btn-danger-selected-text: #fff;
|
||||
$btn-danger-selected-bg: #d42d3d;
|
||||
$btn-danger-selected-border: #1b1f2326;
|
||||
$btn-danger-selected-shadow: inset 0 1px 0 #86181d33;
|
||||
$btn-danger-disabled-text: #d73a4980;
|
||||
$btn-danger-disabled-bg: #fafbfc;
|
||||
$btn-danger-disabled-counter-bg: #d73a490d;
|
||||
$btn-danger-focus-border: #1b1f2326;
|
||||
$btn-danger-focus-shadow: 0 0 0 3px #cb243166;
|
||||
$btn-danger-counter-bg: #d73a491a;
|
||||
$btn-counter-bg: #1b1f2314;
|
||||
$counter-text: #24292e;
|
||||
$counter-bg: #d1d5da80;
|
||||
$counter-primary-text: #fff;
|
||||
$counter-primary-bg: #6a737d;
|
||||
$counter-secondary-text: #6a737d;
|
||||
$dropdown-shadow: 0 8px 24px #959da533;
|
||||
$label-border: #e1e4e8;
|
||||
$label-primary-text: #24292e;
|
||||
$label-primary-border: #6a737d;
|
||||
$label-secondary-text: #586069;
|
||||
$label-secondary-border: #e1e4e8;
|
||||
$label-info-text: #0366d6;
|
||||
$label-info-border: #0366d6;
|
||||
$label-success-text: #22863a;
|
||||
$label-success-border: #28a745;
|
||||
$label-warning-text: #735c0f;
|
||||
$label-warning-border: #b08800;
|
||||
$label-danger-text: #d73a49;
|
||||
$label-danger-border: #cb2431;
|
||||
$label-orange-text: #c24e00;
|
||||
$label-orange-border: #f66a0a;
|
||||
$input-bg: #fff;
|
||||
$input-contrast-bg: #fafbfc;
|
||||
$input-border: #e1e4e8;
|
||||
$input-shadow: inset 0 1px 2px #1b1f2313;
|
||||
$input-disabled-bg: #fff;
|
||||
$input-disabled-border: #e1e4e8;
|
||||
$input-warning-border: #f9c513;
|
||||
$input-error-border: #cb2431;
|
||||
$input-tooltip-success-text: #144620;
|
||||
$input-tooltip-success-bg: #dcffe4;
|
||||
$input-tooltip-success-border: #34d058;
|
||||
$input-tooltip-warning-text: #735c0f;
|
||||
$input-tooltip-warning-bg: #fff5b1;
|
||||
$input-tooltip-warning-border: #f9c513;
|
||||
$input-tooltip-error-text: #86181d;
|
||||
$input-tooltip-error-bg: #ffeef0;
|
||||
$input-tooltip-error-border: #f97583;
|
||||
$avatar-bg: #fff;
|
||||
$avatar-border: #0000;
|
||||
$avatar-stack-fade: #d1d5da;
|
||||
$avatar-stack-fade-more: #e1e4e8;
|
||||
$avatar-child-shadow: -2px -2px 0 #fffc;
|
||||
$toast-text: #24292e;
|
||||
$toast-bg: #fff;
|
||||
$toast-border: #e1e4e8;
|
||||
$toast-shadow: 0 8px 24px #959da533;
|
||||
$toast-icon: #fff;
|
||||
$toast-icon-bg: #0366d6;
|
||||
$toast-icon-border: #0000;
|
||||
$toast-success-text: #24292e;
|
||||
$toast-success-border: #e1e4e8;
|
||||
$toast-success-icon: #fff;
|
||||
$toast-success-icon-bg: #28a745;
|
||||
$toast-success-icon-border: #0000;
|
||||
$toast-warning-text: #24292e;
|
||||
$toast-warning-border: #e1e4e8;
|
||||
$toast-warning-icon: #24292e;
|
||||
$toast-warning-icon-bg: #ffd33d;
|
||||
$toast-warning-icon-border: #0000;
|
||||
$toast-danger-text: #24292e;
|
||||
$toast-danger-border: #e1e4e8;
|
||||
$toast-danger-icon: #fff;
|
||||
$toast-danger-icon-bg: #d73a49;
|
||||
$toast-danger-icon-border: #0000;
|
||||
$toast-loading-text: #24292e;
|
||||
$toast-loading-border: #e1e4e8;
|
||||
$toast-loading-icon: #fff;
|
||||
$toast-loading-icon-bg: #586069;
|
||||
$toast-loading-icon-border: #0000;
|
||||
$timeline-text: #444d56;
|
||||
$timeline-badge-bg: #e1e4e8;
|
||||
$timeline-target-badge-border: #2188ff;
|
||||
$timeline-target-badge-shadow: #c8e1ff;
|
||||
$select-menu-border-secondary: #eaecef;
|
||||
$select-menu-shadow: 0 0 18px #1b1f2366;
|
||||
$select-menu-backdrop-bg: #1b1f2380;
|
||||
$select-menu-backdrop-border: #0000;
|
||||
$select-menu-tap-highlight: #d1d5da80;
|
||||
$select-menu-tap-focus-bg: #dbedff;
|
||||
$box-blue-border: #c8e1ff;
|
||||
$box-row-yellow-bg: #fffbdd;
|
||||
$box-row-blue-bg: #f1f8ff;
|
||||
$box-header-blue-bg: #f1f8ff;
|
||||
$box-header-blue-border: #c8e1ff;
|
||||
$box-border-info: #0366d633;
|
||||
$box-bg-info: #f1f8ff;
|
||||
$box-border-warning: #ffd33d66;
|
||||
$box-bg-warning: #fffdef;
|
||||
$branch-name-text: #1b1f2399;
|
||||
$branch-name-icon: #a8bbd0;
|
||||
$branch-name-bg: #eaf5ff;
|
||||
$branch-name-link-text: #0366d6;
|
||||
$branch-name-link-icon: #a8bbd0;
|
||||
$branch-name-link-bg: #eaf5ff;
|
||||
$markdown-code-bg: #1b1f230d;
|
||||
$markdown-frame-border: #dfe2e5;
|
||||
$markdown-blockquote-border: #dfe2e5;
|
||||
$markdown-table-border: #dfe2e5;
|
||||
$markdown-table-tr-border: #c6cbd1;
|
||||
$menu-heading-text: #24292e;
|
||||
$menu-border-active: #f9826c;
|
||||
$menu-bg-active: #0000;
|
||||
$sidenav-selected-bg: #fff;
|
||||
$sidenav-border-active: #f9826c;
|
||||
$header-text: #ffffffb3;
|
||||
$header-bg: #24292e;
|
||||
$header-logo: #fff;
|
||||
$filter-item-bar-bg: #eff3f6;
|
||||
$hidden-text-expander-bg: #dfe2e5;
|
||||
$hidden-text-expander-bg-hover: #c6cbd1;
|
||||
$drag-and-drop-border: #c3c8cf;
|
||||
$upload-enabled-border: #dfe2e5;
|
||||
$upload-enabled-border-focused: #4a9eff;
|
||||
$previewable-comment-form-border: #c3c8cf;
|
||||
$underlinenav-border: #d1d5da00;
|
||||
$underlinenav-border-hover: #d1d5da;
|
||||
$underlinenav-border-active: #f9826c;
|
||||
$underlinenav-text: #24292e;
|
||||
$underlinenav-text-hover: #24292e;
|
||||
$underlinenav-text-active: #24292e;
|
||||
$underlinenav-icon: #959da5;
|
||||
$underlinenav-icon-hover: #959da5;
|
||||
$underlinenav-icon-active: #24292e;
|
||||
$underlinenav-counter-text: #24292e;
|
||||
$verified-badge-text: #22863a;
|
||||
$verified-badge-bg: #fff;
|
||||
$verified-badge-border: #e1e4e8;
|
||||
$social-count-bg: #fff;
|
||||
$tooltip-text: #fff;
|
||||
$tooltip-bg: #24292e;
|
||||
$header-search-bg: #24292e;
|
||||
$header-search-border: #444d56;
|
||||
$search-keyword-hl: #fffbdd;
|
||||
$diffstat-neutral-bg: #d1d5da;
|
||||
$diffstat-neutral-border: #d1d5da;
|
||||
$diffstat-deletion-bg: #d73a49;
|
||||
$diffstat-deletion-border: #d73a49;
|
||||
$diffstat-addition-bg: #28a745;
|
||||
$diffstat-addition-border: #28a745;
|
||||
$files-explorer-icon: #79b8ff;
|
||||
$hl-author-bg: #f1f8ff;
|
||||
$hl-author-border: #c8e1ff;
|
||||
$logo-subdued: #d1d5da;
|
||||
$discussion-border: #a2cbac;
|
||||
$discussion-bg-success: #28a745;
|
||||
$actions-workflow-table-sticky-bg: #fffffff2;
|
||||
$repo-language-color-border: #1b1f231a;
|
||||
$code-selection-bg: #c8e1ff;
|
||||
$blob-line-highlight-bg: #fffbdd;
|
||||
$blob-line-highlight-border: #0000;
|
||||
$diff-addition-text: #22863a;
|
||||
$diff-addition-bg: #e6ffed;
|
||||
$diff-addition-border: #34d058;
|
||||
$diff-deletion-text: #cb2431;
|
||||
$diff-deletion-bg: #ffeef0;
|
||||
$diff-deletion-border: #d73a49;
|
||||
$diff-change-text: #b08800;
|
||||
$diff-change-bg: #fff5b1;
|
||||
$diff-change-border: #f9c513;
|
||||
$diff-blob-num-text: #1b1f234d;
|
||||
$diff-blob-num-hover-text: #1b1f2399;
|
||||
$diff-blob-addition-num-text: #1b1f234d;
|
||||
$diff-blob-addition-num-hover-text: #1b1f2399;
|
||||
$diff-blob-addition-num-bg: #cdffd8;
|
||||
$diff-blob-addition-line-bg: #e6ffed;
|
||||
$diff-blob-addition-word-bg: #acf2bd;
|
||||
$diff-blob-deletion-num-text: #1b1f234d;
|
||||
$diff-blob-deletion-num-hover-text: #1b1f2399;
|
||||
$diff-blob-deletion-num-bg: #ffdce0;
|
||||
$diff-blob-deletion-line-bg: #ffeef0;
|
||||
$diff-blob-deletion-word-bg: #fdb8c0;
|
||||
$diff-blob-hunk-text: #1b1f23b3;
|
||||
$diff-blob-hunk-num-bg: #dbedff;
|
||||
$diff-blob-hunk-line-bg: #f1f8ff;
|
||||
$diff-blob-empty-block-bg: #fafbfc;
|
||||
$diff-blob-selected-line-highlight-bg: #ffdf5d33;
|
||||
$diff-blob-selected-line-highlight-border: #ffd33d;
|
||||
$diff-blob-selected-line-highlight-mix-blend-mode: multiply;
|
||||
$diff-blob-expander-icon: #586069;
|
||||
$diff-blob-expander-hover-icon: #fff;
|
||||
$diff-blob-expander-hover-bg: #0366d6;
|
||||
$diff-blob-comment-button-icon: #fff;
|
||||
$diff-blob-comment-button-bg: #0366d6;
|
||||
$diff-blob-comment-button-gradient-bg: #0372ef;
|
||||
$global-nav-logo: #fff;
|
||||
$global-nav-bg: #24292e;
|
||||
$global-nav-text: #fff;
|
||||
$global-nav-icon: #fff;
|
||||
$global-nav-input-bg: #fafbfc;
|
||||
$global-nav-input-border: #fafbfc;
|
||||
$global-nav-input-icon: #d1d5da;
|
||||
$global-nav-input-placeholder: #959da5;
|
||||
$calendar-graph-day-bg: #ebedf0;
|
||||
$calendar-graph-day-border: #1b1f230f;
|
||||
$calendar-graph-day-l1-bg: #9be9a8;
|
||||
$calendar-graph-day-l2-bg: #40c463;
|
||||
$calendar-graph-day-l3-bg: #30a14e;
|
||||
$calendar-graph-day-l4-bg: #216e39;
|
||||
$calendar-graph-day-l4-border: #1b1f230f;
|
||||
$calendar-graph-day-l3-border: #1b1f230f;
|
||||
$calendar-graph-day-l2-border: #1b1f230f;
|
||||
$calendar-graph-day-l1-border: #1b1f230f;
|
||||
$footer-invertocat-octicon: #d1d5da;
|
||||
$footer-invertocat-octicon-hover: #6a737d;
|
||||
$pr-state-draft-text: #fff;
|
||||
$pr-state-draft-bg: #6a737d;
|
||||
$pr-state-draft-border: #0000;
|
||||
$pr-state-open-text: #fff;
|
||||
$pr-state-open-bg: #28a745;
|
||||
$pr-state-open-border: #0000;
|
||||
$pr-state-merged-text: #fff;
|
||||
$pr-state-merged-bg: #6f42c1;
|
||||
$pr-state-merged-border: #0000;
|
||||
$pr-state-closed-text: #fff;
|
||||
$pr-state-closed-bg: #d73a49;
|
||||
$pr-state-closed-border: #0000;
|
||||
$topic-tag-text: #0366d6;
|
||||
$topic-tag-bg: #f1f8ff;
|
||||
$topic-tag-hover-bg: #def;
|
||||
$topic-tag-active-bg: #e7f3ff;
|
||||
$merge-box-success-icon-bg: #28a745;
|
||||
$merge-box-success-icon-text: #fff;
|
||||
$merge-box-success-icon-border: #0000;
|
||||
$merge-box-success-indicator-bg: #28a745;
|
||||
$merge-box-success-indicator-border: #0000;
|
||||
$merge-box-merged-icon-bg: #6f42c1;
|
||||
$merge-box-merged-icon-text: #fff;
|
||||
$merge-box-merged-icon-border: #0000;
|
||||
$merge-box-merged-box-border: #6f42c1;
|
||||
$merge-box-neutral-icon-bg: #6a737d;
|
||||
$merge-box-neutral-icon-text: #fff;
|
||||
$merge-box-neutral-icon-border: #0000;
|
||||
$merge-box-neutral-indicator-bg: #6a737d;
|
||||
$merge-box-neutral-indicator-border: #0000;
|
||||
$merge-box-warning-icon-bg: #dbab09;
|
||||
$merge-box-warning-icon-text: #fff;
|
||||
$merge-box-warning-icon-border: #0000;
|
||||
$merge-box-warning-box-border: #ffd33d;
|
||||
$merge-box-warning-merge-highlight: #0000;
|
||||
$merge-box-error-icon-bg: #d73a49;
|
||||
$merge-box-error-icon-text: #fff;
|
||||
$merge-box-error-icon-border: #0000;
|
||||
$merge-box-error-indicator-bg: #d73a49;
|
||||
$merge-box-error-indicator-border: #0000;
|
||||
$project-card-bg: #fff;
|
||||
$project-header-bg: #24292e;
|
||||
$project-sidebar-bg: #fff;
|
||||
$project-gradient-in: #fff;
|
||||
$project-gradient-out: #fff0;
|
||||
$marketing-icon-primary: #2188ff;
|
||||
$marketing-icon-secondary: #79b8ff;
|
||||
$prettylights-syntax-comment: #6a737d;
|
||||
$prettylights-syntax-constant: #005cc5;
|
||||
$prettylights-syntax-entity: #6f42c1;
|
||||
$prettylights-syntax-storage-modifier-import: #24292e;
|
||||
$prettylights-syntax-entity-tag: #22863a;
|
||||
$prettylights-syntax-keyword: #d73a49;
|
||||
$prettylights-syntax-string: #032f62;
|
||||
$prettylights-syntax-variable: #e36209;
|
||||
$prettylights-syntax-brackethighlighter-unmatched: #b31d28;
|
||||
$prettylights-syntax-invalid-illegal-text: #fafbfc;
|
||||
$prettylights-syntax-invalid-illegal-bg: #b31d28;
|
||||
$prettylights-syntax-carriage-return-text: #fafbfc;
|
||||
$prettylights-syntax-carriage-return-bg: #d73a49;
|
||||
$prettylights-syntax-string-regexp: #22863a;
|
||||
$prettylights-syntax-markup-list: #735c0f;
|
||||
$prettylights-syntax-markup-heading: #005cc5;
|
||||
$prettylights-syntax-markup-italic: #24292e;
|
||||
$prettylights-syntax-markup-bold: #24292e;
|
||||
$prettylights-syntax-markup-deleted-text: #b31d28;
|
||||
$prettylights-syntax-markup-deleted-bg: #ffeef0;
|
||||
$prettylights-syntax-markup-inserted-text: #22863a;
|
||||
$prettylights-syntax-markup-inserted-bg: #f0fff4;
|
||||
$prettylights-syntax-markup-changed-text: #e36209;
|
||||
$prettylights-syntax-markup-changed-bg: #ffebda;
|
||||
$prettylights-syntax-markup-ignored-text: #f6f8fa;
|
||||
$prettylights-syntax-markup-ignored-bg: #005cc5;
|
||||
$prettylights-syntax-meta-diff-range: #6f42c1;
|
||||
$prettylights-syntax-brackethighlighter-angle: #586069;
|
||||
$prettylights-syntax-sublimelinter-gutter-mark: #959da5;
|
||||
$prettylights-syntax-constant-other-reference-link: #032f62;
|
||||
$codemirror-text: #24292e;
|
||||
$codemirror-bg: #fff;
|
||||
$codemirror-gutters-bg: #fff;
|
||||
$codemirror-guttermarker-text: #fff;
|
||||
$codemirror-guttermarker-subtle-text: #d1d5da;
|
||||
$codemirror-linenumber-text: #959da5;
|
||||
$codemirror-cursor: #24292e;
|
||||
$codemirror-selection-bg: #c8e1ff;
|
||||
$codemirror-activeline-bg: #fafbfc;
|
||||
$codemirror-matchingbracket-text: #24292e;
|
||||
$codemirror-lines-bg: #fff;
|
||||
$codemirror-syntax-comment: #6a737d;
|
||||
$codemirror-syntax-constant: #005cc5;
|
||||
$codemirror-syntax-entity: #6f42c1;
|
||||
$codemirror-syntax-keyword: #d73a49;
|
||||
$codemirror-syntax-storage: #d73a49;
|
||||
$codemirror-syntax-string: #032f62;
|
||||
$codemirror-syntax-support: #005cc5;
|
||||
$codemirror-syntax-variable: #e36209;
|
||||
$ansi-black: #24292e;
|
||||
$ansi-black-bright: #2f363d;
|
||||
$ansi-white: #e1e4e8;
|
||||
$ansi-white-bright: #e1e4e8;
|
||||
$ansi-gray: #959da5;
|
||||
$ansi-red: #f97583;
|
||||
$ansi-red-bright: #fdaeb7;
|
||||
$ansi-green: #85e89d;
|
||||
$ansi-green-bright: #bef5cb;
|
||||
$ansi-yellow: #ffea7f;
|
||||
$ansi-yellow-bright: #fff5b1;
|
||||
$ansi-blue: #79b8ff;
|
||||
$ansi-blue-bright: #c8e1ff;
|
||||
$ansi-magenta: #b392f0;
|
||||
$ansi-magenta-bright: #d1bcf9;
|
||||
$ansi-cyan: #76e3ea;
|
||||
$ansi-cyan-bright: #b3f0ff;
|
||||
189
yarn.lock
189
yarn.lock
|
|
@ -40,13 +40,6 @@
|
|||
dependencies:
|
||||
"@babel/highlight" "^7.10.4"
|
||||
|
||||
"@babel/code-frame@^7.8.3":
|
||||
version "7.8.3"
|
||||
resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
|
||||
integrity sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
|
||||
dependencies:
|
||||
"@babel/highlight" "^7.8.3"
|
||||
|
||||
"@babel/core@^7.1.0":
|
||||
version "7.10.3"
|
||||
resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.10.3.tgz#73b0e8ddeec1e3fdd7a2de587a60e17c440ec77e"
|
||||
|
|
@ -407,15 +400,6 @@
|
|||
"@babel/traverse" "^7.1.0"
|
||||
"@babel/types" "^7.2.0"
|
||||
|
||||
"@babel/helpers@7.9.2":
|
||||
version "7.9.2"
|
||||
resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.9.2.tgz#b42a81a811f1e7313b88cba8adc66b3d9ae6c09f"
|
||||
integrity sha512-JwLvzlXVPjO8eU9c/wF9/zOIN7X6h8DYf7mG4CiFRZRvZNKEF5dQ3H3V+ASkHoIB3mWhatgl5ONhyqHRI6MppA==
|
||||
dependencies:
|
||||
"@babel/template" "^7.8.3"
|
||||
"@babel/traverse" "^7.9.0"
|
||||
"@babel/types" "^7.9.0"
|
||||
|
||||
"@babel/helpers@^7.10.1":
|
||||
version "7.10.1"
|
||||
resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.10.1.tgz#a6827b7cb975c9d9cef5fd61d919f60d8844a973"
|
||||
|
|
@ -461,15 +445,6 @@
|
|||
chalk "^2.0.0"
|
||||
js-tokens "^4.0.0"
|
||||
|
||||
"@babel/highlight@^7.8.3":
|
||||
version "7.8.3"
|
||||
resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.8.3.tgz#28f173d04223eaaa59bc1d439a3836e6d1265797"
|
||||
integrity sha512-PX4y5xQUvy0fnEVHrYOarRPXVWafSjTW9T0Hab8gVIawpl2Sj0ORyrygANq+KjcNlSSTw0YCLSNA8OyZ1I4yEg==
|
||||
dependencies:
|
||||
chalk "^2.0.0"
|
||||
esutils "^2.0.2"
|
||||
js-tokens "^4.0.0"
|
||||
|
||||
"@babel/parser@^7.1.0", "@babel/parser@^7.10.3", "@babel/parser@^7.4.3":
|
||||
version "7.10.3"
|
||||
resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.10.3.tgz#7e71d892b0d6e7d04a1af4c3c79d72c1f10f5315"
|
||||
|
|
@ -485,11 +460,6 @@
|
|||
resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.6.0.tgz#3e05d0647432a8326cb28d0de03895ae5a57f39b"
|
||||
integrity sha512-+o2q111WEx4srBs7L9eJmcwi655eD8sXniLqMB93TBK9GrNzGrxDWSjiqz2hLU0Ha8MTXFIP0yd9fNdP+m43ZQ==
|
||||
|
||||
"@babel/parser@^7.8.6":
|
||||
version "7.8.7"
|
||||
resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.8.7.tgz#7b8facf95d25fef9534aad51c4ffecde1a61e26a"
|
||||
integrity sha512-9JWls8WilDXFGxs0phaXAZgpxTZhSk/yOYH2hTHC0X1yC7Z78IJfvR1vJ+rmJKq3I35td2XzXzN6ZLYlna+r/A==
|
||||
|
||||
"@babel/plugin-proposal-async-generator-functions@^7.2.0":
|
||||
version "7.2.0"
|
||||
resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.2.0.tgz#b289b306669dce4ad20b0252889a15768c9d417e"
|
||||
|
|
@ -1033,13 +1003,6 @@
|
|||
dependencies:
|
||||
regenerator-runtime "^0.13.2"
|
||||
|
||||
"@babel/runtime@^7.7.2", "@babel/runtime@^7.8.7":
|
||||
version "7.10.3"
|
||||
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.10.3.tgz#670d002655a7c366540c67f6fd3342cd09500364"
|
||||
integrity sha512-RzGO0RLSdokm9Ipe/YD+7ww8X2Ro79qiXZF3HU9ljrM+qnJmH1Vqth+hbiQZy761LnMJTMitHDuKVYTk3k4dLw==
|
||||
dependencies:
|
||||
regenerator-runtime "^0.13.4"
|
||||
|
||||
"@babel/runtime@^7.7.4", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4":
|
||||
version "7.8.7"
|
||||
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.8.7.tgz#8fefce9802db54881ba59f90bb28719b4996324d"
|
||||
|
|
@ -1047,6 +1010,13 @@
|
|||
dependencies:
|
||||
regenerator-runtime "^0.13.4"
|
||||
|
||||
"@babel/runtime@^7.8.7":
|
||||
version "7.10.3"
|
||||
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.10.3.tgz#670d002655a7c366540c67f6fd3342cd09500364"
|
||||
integrity sha512-RzGO0RLSdokm9Ipe/YD+7ww8X2Ro79qiXZF3HU9ljrM+qnJmH1Vqth+hbiQZy761LnMJTMitHDuKVYTk3k4dLw==
|
||||
dependencies:
|
||||
regenerator-runtime "^0.13.4"
|
||||
|
||||
"@babel/template@^7.1.0", "@babel/template@^7.4.4", "@babel/template@^7.6.0":
|
||||
version "7.6.0"
|
||||
resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.6.0.tgz#7f0159c7f5012230dad64cca42ec9bdb5c9536e6"
|
||||
|
|
@ -1074,15 +1044,6 @@
|
|||
"@babel/parser" "^7.10.4"
|
||||
"@babel/types" "^7.10.4"
|
||||
|
||||
"@babel/template@^7.8.3":
|
||||
version "7.8.6"
|
||||
resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.8.6.tgz#86b22af15f828dfb086474f964dcc3e39c43ce2b"
|
||||
integrity sha512-zbMsPMy/v0PWFZEhQJ66bqjhH+z0JgMoBWuikXybgG3Gkd/3t5oQ1Rw2WQhnSrsOmsKXnZOx15tkC4qON/+JPg==
|
||||
dependencies:
|
||||
"@babel/code-frame" "^7.8.3"
|
||||
"@babel/parser" "^7.8.6"
|
||||
"@babel/types" "^7.8.6"
|
||||
|
||||
"@babel/traverse@^7.1.0", "@babel/traverse@^7.4.4", "@babel/traverse@^7.5.5", "@babel/traverse@^7.6.0":
|
||||
version "7.6.0"
|
||||
resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.6.0.tgz#389391d510f79be7ce2ddd6717be66d3fed4b516"
|
||||
|
|
@ -1098,7 +1059,7 @@
|
|||
globals "^11.1.0"
|
||||
lodash "^4.17.13"
|
||||
|
||||
"@babel/traverse@^7.10.1", "@babel/traverse@^7.10.3", "@babel/traverse@^7.4.3", "@babel/traverse@^7.9.0":
|
||||
"@babel/traverse@^7.10.1", "@babel/traverse@^7.10.3", "@babel/traverse@^7.4.3":
|
||||
version "7.10.3"
|
||||
resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.10.3.tgz#0b01731794aa7b77b214bcd96661f18281155d7e"
|
||||
integrity sha512-qO6623eBFhuPm0TmmrUFMT1FulCmsSeJuVGhiLodk2raUDFhhTECLd9E9jC4LBIWziqt4wgF6KuXE4d+Jz9yug==
|
||||
|
|
@ -1137,7 +1098,7 @@
|
|||
lodash "^4.17.13"
|
||||
to-fast-properties "^2.0.0"
|
||||
|
||||
"@babel/types@^7.10.1", "@babel/types@^7.10.3", "@babel/types@^7.4.0", "@babel/types@^7.9.0":
|
||||
"@babel/types@^7.10.1", "@babel/types@^7.10.3", "@babel/types@^7.4.0":
|
||||
version "7.10.3"
|
||||
resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.10.3.tgz#6535e3b79fea86a6b09e012ea8528f935099de8e"
|
||||
integrity sha512-nZxaJhBXBQ8HVoIcGsf9qWep3Oh3jCENK54V4mRF7qaJabVsAYdbTtmSD8WmAp1R6ytPiu5apMwSXyxB1WlaBA==
|
||||
|
|
@ -1155,15 +1116,6 @@
|
|||
lodash "^4.17.19"
|
||||
to-fast-properties "^2.0.0"
|
||||
|
||||
"@babel/types@^7.8.6":
|
||||
version "7.8.7"
|
||||
resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.8.7.tgz#1fc9729e1acbb2337d5b6977a63979b4819f5d1d"
|
||||
integrity sha512-k2TreEHxFA4CjGkL+GYjRyx35W0Mr7DP5+9q6WMkyKXB+904bYmG40syjMFV0oLlhhFCwWl0vA0DyzTDkwAiJw==
|
||||
dependencies:
|
||||
esutils "^2.0.2"
|
||||
lodash "^4.17.13"
|
||||
to-fast-properties "^2.0.0"
|
||||
|
||||
"@cliqz-oss/firefox-client@0.3.1":
|
||||
version "0.3.1"
|
||||
resolved "https://registry.yarnpkg.com/@cliqz-oss/firefox-client/-/firefox-client-0.3.1.tgz#86479239f060835608b06584afe5e0a1dd91613c"
|
||||
|
|
@ -1400,13 +1352,11 @@
|
|||
"@types/yargs" "^15.0.0"
|
||||
chalk "^3.0.0"
|
||||
|
||||
"@primer/components@^20.0.0":
|
||||
version "20.0.0"
|
||||
resolved "https://registry.yarnpkg.com/@primer/components/-/components-20.0.0.tgz#643bd7d719af28d6cdf446909255ee04e9f47014"
|
||||
integrity sha512-OpnBJDB+7Rw8NK7p/UlJx3B6uGjRSVKtbEUAE+BjTYAD5wrjSnWKTgBqnorTzPcmstDAxC6GNtmsukyyk3lMHA==
|
||||
"@primer/components@^22.0.2":
|
||||
version "22.0.2"
|
||||
resolved "https://registry.yarnpkg.com/@primer/components/-/components-22.0.2.tgz#8ab8a36bd36072cecbf6dc36031cb5889673a3bf"
|
||||
integrity sha512-zyPYuHltrn4FPkTvqdGix98zdKXRWh4W+xburLjX6i4rSQ2uy64sMMeC/Fpr9vQx125t10OAewj8cJzjv7/UEg==
|
||||
dependencies:
|
||||
"@babel/helpers" "7.9.2"
|
||||
"@babel/runtime" "7.9.2"
|
||||
"@primer/octicons-react" "^10.0.0"
|
||||
"@primer/primitives" "3.0.0"
|
||||
"@reach/dialog" "0.3.0"
|
||||
|
|
@ -1417,20 +1367,16 @@
|
|||
"@testing-library/react" "9.4.0"
|
||||
"@types/styled-components" "^4.4.0"
|
||||
"@types/styled-system" "5.1.2"
|
||||
babel-plugin-macros "2.8.0"
|
||||
babel-polyfill "6.26.0"
|
||||
classnames "^2.2.5"
|
||||
details-element-polyfill "2.4.0"
|
||||
jest-axe "3.2.0"
|
||||
polished "3.5.2"
|
||||
react "^16.10.2"
|
||||
react-is "16.10.2"
|
||||
styled-system "5.1.2"
|
||||
|
||||
"@primer/css@^14.4.0":
|
||||
version "14.4.0"
|
||||
resolved "https://registry.yarnpkg.com/@primer/css/-/css-14.4.0.tgz#7a131411dd38890e9019f804a3cd0663b17575fc"
|
||||
integrity sha512-o9DwcAH43jZNDC/rPLjsYTU/I1LsHIgIQlSO3X8vZV2u65LmWeA5jHI2cSadZYN3N0Gm0Soh0zVYuhh7kMskXA==
|
||||
"@primer/css@^15.2.0":
|
||||
version "15.2.0"
|
||||
resolved "https://registry.yarnpkg.com/@primer/css/-/css-15.2.0.tgz#ddf9651a9db2b9be03e7dfccfa612284ba1325ae"
|
||||
integrity sha512-/vNDchWrxlXqd6E+SWQcChPHJVzGia9aCaTYoz8O9sJTnUSiTKOgSNCQuOXyUInPruTRSqj+z3MZxayKcTsWhA==
|
||||
dependencies:
|
||||
"@primer/octicons" "^9.1.1"
|
||||
|
||||
|
|
@ -1833,11 +1779,6 @@
|
|||
resolved "https://registry.yarnpkg.com/@types/nprogress/-/nprogress-0.0.29.tgz#060bd510022a005f1840234030d3132fb9195471"
|
||||
integrity sha1-BgvVEAIqAF8YQCNAMNMTL7kZVHE=
|
||||
|
||||
"@types/parse-json@^4.0.0":
|
||||
version "4.0.0"
|
||||
resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
|
||||
integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
|
||||
|
||||
"@types/prop-types@*":
|
||||
version "15.7.2"
|
||||
resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.2.tgz#0e58ae66773d7fd7c372a493aff740878ec9ceaa"
|
||||
|
|
@ -2631,11 +2572,6 @@ aws4@^1.8.0:
|
|||
resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
|
||||
integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
|
||||
|
||||
axe-core@3.3.1:
|
||||
version "3.3.1"
|
||||
resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-3.3.1.tgz#3d1fa78cca8ead1b78c350581501e4e37b97b826"
|
||||
integrity sha512-gw1T0JptHPF4AdLLqE8yQq3Z7YvsYkpFmFWd84r6hnq/QoKRr8icYHFumhE7wYl5TVIHgVlchMyJsAYh0CfwCQ==
|
||||
|
||||
babel-code-frame@^6.16.0, babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
|
||||
version "6.26.0"
|
||||
resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
|
||||
|
|
@ -2699,15 +2635,6 @@ babel-plugin-jest-hoist@^24.9.0:
|
|||
dependencies:
|
||||
"@types/babel__traverse" "^7.0.6"
|
||||
|
||||
babel-plugin-macros@2.8.0:
|
||||
version "2.8.0"
|
||||
resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz#0f958a7cc6556b1e65344465d99111a1e5e10138"
|
||||
integrity sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
cosmiconfig "^6.0.0"
|
||||
resolve "^1.12.0"
|
||||
|
||||
"babel-plugin-styled-components@>= 1":
|
||||
version "1.11.1"
|
||||
resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.11.1.tgz#5296a9e557d736c3186be079fff27c6665d63d76"
|
||||
|
|
@ -2741,15 +2668,6 @@ babel-plugin-transform-strict-mode@^6.24.1:
|
|||
babel-runtime "^6.22.0"
|
||||
babel-types "^6.24.1"
|
||||
|
||||
babel-polyfill@6.26.0:
|
||||
version "6.26.0"
|
||||
resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153"
|
||||
integrity sha1-N5k3q8Z9eJWXCtxiHyhM2WbPIVM=
|
||||
dependencies:
|
||||
babel-runtime "^6.26.0"
|
||||
core-js "^2.5.0"
|
||||
regenerator-runtime "^0.10.5"
|
||||
|
||||
babel-preset-jest@^24.9.0:
|
||||
version "24.9.0"
|
||||
resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-24.9.0.tgz#192b521e2217fb1d1f67cf73f70c336650ad3cdc"
|
||||
|
|
@ -3728,27 +3646,11 @@ core-js@^2.4.0, core-js@^2.6.5:
|
|||
resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.10.tgz#8a5b8391f8cc7013da703411ce5b585706300d7f"
|
||||
integrity sha512-I39t74+4t+zau64EN1fE5v2W31Adtc/REhzWN+gWRRXg6WH5qAsZm62DHpQ1+Yhe4047T55jvzz7MUqF/dBBlA==
|
||||
|
||||
core-js@^2.5.0:
|
||||
version "2.6.11"
|
||||
resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.11.tgz#38831469f9922bded8ee21c9dc46985e0399308c"
|
||||
integrity sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg==
|
||||
|
||||
core-util-is@1.0.2, core-util-is@~1.0.0:
|
||||
version "1.0.2"
|
||||
resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
|
||||
integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
|
||||
|
||||
cosmiconfig@^6.0.0:
|
||||
version "6.0.0"
|
||||
resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
|
||||
integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
|
||||
dependencies:
|
||||
"@types/parse-json" "^4.0.0"
|
||||
import-fresh "^3.1.0"
|
||||
parse-json "^5.0.0"
|
||||
path-type "^4.0.0"
|
||||
yaml "^1.7.2"
|
||||
|
||||
crc32-stream@^2.0.0:
|
||||
version "2.0.0"
|
||||
resolved "https://registry.yarnpkg.com/crc32-stream/-/crc32-stream-2.0.0.tgz#e3cdd3b4df3168dd74e3de3fbbcb7b297fe908f4"
|
||||
|
|
@ -4131,11 +4033,6 @@ destroy@~1.0.4:
|
|||
resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
|
||||
integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
|
||||
|
||||
details-element-polyfill@2.4.0:
|
||||
version "2.4.0"
|
||||
resolved "https://registry.yarnpkg.com/details-element-polyfill/-/details-element-polyfill-2.4.0.tgz#e0622adef7902662faf27b4ab8acba5dc4e3a6e6"
|
||||
integrity sha512-jnZ/m0+b1gz3EcooitqL7oDEkKHEro659dt8bWB/T/HjiILucoQhHvvi5MEOAIFJXxxO+rIYJ/t3qCgfUOSU5g==
|
||||
|
||||
detect-file@^1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/detect-file/-/detect-file-1.0.0.tgz#f0d66d03672a825cb1b73bdb3fe62310c8e552b7"
|
||||
|
|
@ -5940,7 +5837,7 @@ ignore@^4.0.6:
|
|||
resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
|
||||
integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
|
||||
|
||||
import-fresh@3.2.1, import-fresh@^3.1.0:
|
||||
import-fresh@3.2.1:
|
||||
version "3.2.1"
|
||||
resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
|
||||
integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==
|
||||
|
|
@ -6466,16 +6363,6 @@ jed@1.1.1:
|
|||
resolved "https://registry.yarnpkg.com/jed/-/jed-1.1.1.tgz#7a549bbd9ffe1585b0cd0a191e203055bee574b4"
|
||||
integrity sha1-elSbvZ/+FYWwzQoZHiAwVb7ldLQ=
|
||||
|
||||
jest-axe@3.2.0:
|
||||
version "3.2.0"
|
||||
resolved "https://registry.yarnpkg.com/jest-axe/-/jest-axe-3.2.0.tgz#0f7a0132565289432936421cf38b7b8504690835"
|
||||
integrity sha512-QSQwSwG72/cpmhJU0fBsaUUvu9mb2uAqhccGQVG6JbIV8sK+aIXh8hYl7vxraMF/I6soQod1aqSdD/j7LjpVFQ==
|
||||
dependencies:
|
||||
axe-core "3.3.1"
|
||||
chalk "2.4.2"
|
||||
jest-matcher-utils "24.8.0"
|
||||
lodash.merge "4.6.2"
|
||||
|
||||
jest-changed-files@^24.9.0:
|
||||
version "24.9.0"
|
||||
resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.9.0.tgz#08d8c15eb79a7fa3fc98269bc14b451ee82f8039"
|
||||
|
|
@ -6540,7 +6427,7 @@ jest-dev-server@^4.4.0:
|
|||
tree-kill "^1.2.2"
|
||||
wait-on "^3.3.0"
|
||||
|
||||
jest-diff@^24.3.0, jest-diff@^24.8.0, jest-diff@^24.9.0:
|
||||
jest-diff@^24.3.0, jest-diff@^24.9.0:
|
||||
version "24.9.0"
|
||||
resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-24.9.0.tgz#931b7d0d5778a1baf7452cb816e325e3724055da"
|
||||
integrity sha512-qMfrTs8AdJE2iqrTp0hzh7kTd2PQWrsFyj9tORoKmu32xjPjeE4NyjVRDz8ybYwqS2ik8N4hsIpiVTyFeo2lBQ==
|
||||
|
|
@ -6601,7 +6488,7 @@ jest-environment-puppeteer@^4.4.0:
|
|||
jest-dev-server "^4.4.0"
|
||||
merge-deep "^3.0.2"
|
||||
|
||||
jest-get-type@^24.8.0, jest-get-type@^24.9.0:
|
||||
jest-get-type@^24.9.0:
|
||||
version "24.9.0"
|
||||
resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.9.0.tgz#1684a0c8a50f2e4901b6644ae861f579eed2ef0e"
|
||||
integrity sha512-lUseMzAley4LhIcpSP9Jf+fTrQ4a1yHQwLNeeVa2cEmbCGeoZAtYPOIv8JaxLD/sUpKxetKGP+gsHl8f8TSj8Q==
|
||||
|
|
@ -6655,16 +6542,6 @@ jest-leak-detector@^24.9.0:
|
|||
jest-get-type "^24.9.0"
|
||||
pretty-format "^24.9.0"
|
||||
|
||||
jest-matcher-utils@24.8.0:
|
||||
version "24.8.0"
|
||||
resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.8.0.tgz#2bce42204c9af12bde46f83dc839efe8be832495"
|
||||
integrity sha512-lex1yASY51FvUuHgm0GOVj7DCYEouWSlIYmCW7APSqB9v8mXmKSn5+sWVF0MhuASG0bnYY106/49JU1FZNl5hw==
|
||||
dependencies:
|
||||
chalk "^2.0.1"
|
||||
jest-diff "^24.8.0"
|
||||
jest-get-type "^24.8.0"
|
||||
pretty-format "^24.8.0"
|
||||
|
||||
jest-matcher-utils@^24.9.0:
|
||||
version "24.9.0"
|
||||
resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.9.0.tgz#f5b3661d5e628dffe6dd65251dfdae0e87c3a073"
|
||||
|
|
@ -7277,11 +7154,6 @@ lodash.isstring@^4.0.1:
|
|||
resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451"
|
||||
integrity sha1-1SfftUVuynzJu5XV2ur4i6VKVFE=
|
||||
|
||||
lodash.merge@4.6.2:
|
||||
version "4.6.2"
|
||||
resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
|
||||
integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
|
||||
|
||||
lodash.once@^4.0.0:
|
||||
version "4.1.1"
|
||||
resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
|
||||
|
|
@ -8287,7 +8159,7 @@ parse-asn1@^5.0.0:
|
|||
pbkdf2 "^3.0.3"
|
||||
safe-buffer "^5.1.1"
|
||||
|
||||
parse-json@5.0.0, parse-json@^5.0.0:
|
||||
parse-json@5.0.0:
|
||||
version "5.0.0"
|
||||
resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
|
||||
integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
|
||||
|
|
@ -8389,11 +8261,6 @@ path-type@^3.0.0:
|
|||
dependencies:
|
||||
pify "^3.0.0"
|
||||
|
||||
path-type@^4.0.0:
|
||||
version "4.0.0"
|
||||
resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
|
||||
integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
|
||||
|
||||
pbkdf2@^3.0.3:
|
||||
version "3.0.17"
|
||||
resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.17.tgz#976c206530617b14ebb32114239f7b09336e93a6"
|
||||
|
|
@ -8579,7 +8446,7 @@ prepend-http@^2.0.0:
|
|||
resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
|
||||
integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
|
||||
|
||||
pretty-format@^24.3.0, pretty-format@^24.8.0, pretty-format@^24.9.0:
|
||||
pretty-format@^24.3.0, pretty-format@^24.9.0:
|
||||
version "24.9.0"
|
||||
resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.9.0.tgz#12fac31b37019a4eea3c11aa9a959eb7628aa7c9"
|
||||
integrity sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==
|
||||
|
|
@ -9046,11 +8913,6 @@ regenerate@^1.4.0:
|
|||
resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.0.tgz#4a856ec4b56e4077c557589cae85e7a4c8869a11"
|
||||
integrity sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==
|
||||
|
||||
regenerator-runtime@^0.10.5:
|
||||
version "0.10.5"
|
||||
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
|
||||
integrity sha1-M2w+/BIgrc7dosn6tntaeVWjNlg=
|
||||
|
||||
regenerator-runtime@^0.11.0:
|
||||
version "0.11.1"
|
||||
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
|
||||
|
|
@ -9306,7 +9168,7 @@ resolve@^1.1.6, resolve@^1.3.2:
|
|||
dependencies:
|
||||
path-parse "^1.0.6"
|
||||
|
||||
resolve@^1.10.0, resolve@^1.12.0:
|
||||
resolve@^1.10.0:
|
||||
version "1.17.0"
|
||||
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
|
||||
integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
|
||||
|
|
@ -11406,11 +11268,6 @@ yallist@^3.0.0, yallist@^3.0.2, yallist@^3.0.3:
|
|||
resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.0.3.tgz#b4b049e314be545e3ce802236d6cd22cd91c3de9"
|
||||
integrity sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==
|
||||
|
||||
yaml@^1.7.2:
|
||||
version "1.10.0"
|
||||
resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
|
||||
integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==
|
||||
|
||||
yargs-parser@^13.1.0:
|
||||
version "13.1.1"
|
||||
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
|
||||
|
|
|
|||
Loading…
Reference in a new issue