extern/web-check
1
0
Fork 0
mirror of https://github.com/Lissy93/web-check.git synced 2024-11-22 08:13:59 +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; flex-wrap: wrap;
padding: 0.25rem; padding: 0.25rem;
&li { border-bottom: 1px dashed ${colors.primaryTransparent} !important; } &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.lbl { font-weight: bold; }
span.val { span.val {
max-width: 16rem; max-width: 16rem;

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

@ -13,7 +13,7 @@ const Row = styled.div`
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0.25rem; 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.lbl { font-weight: bold; }
span.val { span.val {
max-width: 200px; max-width: 200px;

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

@ -9,7 +9,7 @@ const Row = styled.div`
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0.25rem; 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; } 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; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0.25rem; 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.lbl { font-weight: bold; }
span.val { span.val {
max-width: 200px; max-width: 200px;

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

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

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

@ -9,7 +9,7 @@ const Row = styled.div`
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0.25rem; 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.lbl { font-weight: bold; }
span.val { span.val {
max-width: 200px; max-width: 200px;

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

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

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

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