extern/web-check
1
0
Fork 0
mirror of https://github.com/Lissy93/web-check.git synced 2024-11-22 00:03:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

styles: Updates theme of V1 check to match homepage

Browse Source
This commit is contained in:
Alicia Sykes 2024-06-15 22:44:58 +01:00
parent d3cbc50fb7
commit 8feb67de38
8 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/web-check-live/components/Form/Row.tsx
View File

@ -21,7 +21,7 @@ export const StyledRow = styled.div`
flex-wrap: wrap;
padding: 0.25rem;
&li { border-bottom: 1px dashed ${colors.primaryTransparent} !important; }
&:not(:last-child) { border-bottom: 1px solid ${colors.primary}; }
&:not(:last-child) { border-bottom: 1px solid ${colors.primaryTransparent}; }
span.lbl { font-weight: bold; }
span.val {
max-width: 16rem;

2
src/web-check-live/components/Results/BuiltWith.tsx
View File

@ -13,7 +13,7 @@ const Row = styled.div`
display: flex;
justify-content: space-between;
padding: 0.25rem;
&:not(:last-child) { border-bottom: 1px solid ${colors.primary}; }
&:not(:last-child) { border-bottom: 1px solid ${colors.primaryTransparent}; }
span.lbl { font-weight: bold; }
span.val {
max-width: 200px;

2
src/web-check-live/components/Results/HostNames.tsx
View File

@ -9,7 +9,7 @@ const Row = styled.div`
display: flex;
justify-content: space-between;
padding: 0.25rem;
&:not(:last-child) { border-bottom: 1px solid ${colors.primary}; }
&:not(:last-child) { border-bottom: 1px solid ${colors.primaryTransparent}; }
span:first-child { font-weight: bold; }
`;

2
src/web-check-live/components/Results/SslCert.tsx
View File

@ -8,7 +8,7 @@ const Row = styled.div`
display: flex;
justify-content: space-between;
padding: 0.25rem;
&:not(:last-child) { border-bottom: 1px solid ${colors.primary}; }
&:not(:last-child) { border-bottom: 1px solid ${colors.primaryTransparent}; }
span.lbl { font-weight: bold; }
span.val {
max-width: 200px;

2
src/web-check-live/components/Results/TechStack.tsx
View File

@ -66,7 +66,7 @@ h4 {
margin: 0.5rem 0;
}
&:not(:last-child) {
border-bottom: 1px solid ${colors.primary};
border-bottom: 1px solid ${colors.primaryTransparent};
}
&:hover {
.tech-confidence {

2
src/web-check-live/components/Results/WhoIs.tsx
View File

@ -9,7 +9,7 @@ const Row = styled.div`
display: flex;
justify-content: space-between;
padding: 0.25rem;
&:not(:last-child) { border-bottom: 1px solid ${colors.primary}; }
&:not(:last-child) { border-bottom: 1px solid ${colors.primaryTransparent}; }
span.lbl { font-weight: bold; }
span.val {
max-width: 200px;

12
src/web-check-live/styles/colors.ts
View File

@ -1,14 +1,14 @@
const colors = {
primary: '#9fef00',
primary: '#c1fb41',
primaryLighter: '#cff97a',
textColor: '#ffffff',
textColorSecondary: '#a4b1cd',
background: '#141d2b',
backgroundDarker: '#111927',
backgroundLighter: '#1a2332',
bgShadowColor: '#0f1620',
fgShadowColor: '#456602',
background: '#141517',
backgroundDarker: '#000000',
backgroundLighter: '#242525',
bgShadowColor: '#101010',
fgShadowColor: '#3f550e',
primaryTransparent: '#9fef0012',
// Action Colors

10
src/web-check-live/styles/index.css
View File

@ -16,7 +16,7 @@ body {
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #141d2b;
background: #141517;
color: #fff;
}
@ -24,17 +24,17 @@ code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}
#fancy-background { color: var(--background, #141d2b); }
#fancy-background { color: var(--background, #141517); }
::selection {
background: var(--primary, #9fef00);
color: var(--background, #141d2b);
background: var(--primary, #d6fb41);
color: var(--background, #141517);
}
svg.rsm-svg {
background: #2a3240;
background: #141517;
border-radius: 6px;
}