From d743dc59d412ca2b16bbb695badf66b9442718ff Mon Sep 17 00:00:00 2001 From: Namanv0509 Date: Mon, 7 Jul 2025 17:06:36 +0530 Subject: [PATCH 1/2] Handbook Table Theme Fix Signed-off-by: Namanv0509 --- src/sections/Community/Handbook/Handbook.style.js | 4 ++-- src/theme/app/themeStyles.js | 6 ++++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/sections/Community/Handbook/Handbook.style.js b/src/sections/Community/Handbook/Handbook.style.js index a5942134b5a9c..2d9bc3d9e1817 100644 --- a/src/sections/Community/Handbook/Handbook.style.js +++ b/src/sections/Community/Handbook/Handbook.style.js @@ -162,7 +162,7 @@ export const HandbookWrapper = styled.div` } td, th { - border: 0.05rem solid ${(props) => props.theme.primaryLightColor}; + border: 0.05rem solid ${(props) => props.theme.primaryTestLightColor}; text-align: left; padding: 0.5rem; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); @@ -180,7 +180,7 @@ export const HandbookWrapper = styled.div` } tbody:nth-child(even) { - background-color: ${(props) => props.theme.secondaryLightColorTwo}; + background-color: ${(props) => props.theme.secondaryTestLightColorTwo}; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); } diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index cb13e86d0fd5b..234e6a9606471 100644 --- a/src/theme/app/themeStyles.js +++ b/src/theme/app/themeStyles.js @@ -15,6 +15,7 @@ const lighttheme = { // silver chalice (light gray) primaryLightColor: "#b3b3b3", + primaryTestLightColor: "#2C2C2C", // keppel (dark green) primaryLightColorTwo: "#00d3a9", @@ -24,6 +25,7 @@ const lighttheme = { secondaryColor: "#00b39f", caribbeanGreenColor: "#00d3a9", secondaryLightColorTwo: "#F3FFFD", + secondaryTestLightColorTwo: "rgba(0,179,159, .4)", // lighter gray secondaryLightColor: "#FAFAFA", @@ -248,7 +250,7 @@ export const darktheme = { // silver chalice (light gray) primaryLightColor: "#2C2C2C", - + primaryTestLightColor: "#2C2C2C", // keppel (dark green) primaryLightColorTwo: "#2C2C2C", keppelColor: "#00d3a9", @@ -257,7 +259,7 @@ export const darktheme = { secondaryColor: "#00b39f", caribbeanGreenColor: "#00d3a9", secondaryLightColorTwo: "rgba(0,179,159, .4)", - + secondaryTestLightColorTwo: "rgba(0,179,159, .4)", // lighter gray secondaryLightColor: "#000000", From d814cb75b0c583979e7a1d6adbdcf40f99987c98 Mon Sep 17 00:00:00 2001 From: Namanv0509 Date: Tue, 8 Jul 2025 02:30:11 +0530 Subject: [PATCH 2/2] Handbook Table Theme Fix Signed-off-by: Namanv0509 --- .../Community/Handbook/Handbook.style.js | 144 +++++++++--------- src/theme/app/themeStyles.js | 8 +- 2 files changed, 76 insertions(+), 76 deletions(-) diff --git a/src/sections/Community/Handbook/Handbook.style.js b/src/sections/Community/Handbook/Handbook.style.js index 2d9bc3d9e1817..b39afdfe8e338 100644 --- a/src/sections/Community/Handbook/Handbook.style.js +++ b/src/sections/Community/Handbook/Handbook.style.js @@ -1,6 +1,78 @@ import styled from "styled-components"; export const HandbookWrapper = styled.div` +/* repository overview */ +div.accessRequired { + font-size: small; + line-height: .9rem; + font-style: italic; +} +details.invite-only { + margin: 1rem; + padding: 1rem; + background-color: ${(props) => props.theme.grey313131ToGreenC9FCF6}; + span { + font-weight: bold; + display: inline; + } +} + +table { + border-collapse: collapse; + width: 98%; + margin: 1rem 0 2rem 0; + .github-icon{ + height: 1.7rem; + width:auto; + display: block; + margin-left: auto; + margin-right: auto; + filter: invert(${(props) => props.theme.meshInterfaceLogoFilter}); + } + .site-icon{ + height: 1.6rem; + width:auto; + display: block; + margin-left: auto; + margin-right: auto; + } + .inline { + display: inline; + vertical-align: bottom; + } + .smp-action{ + filter: invert(${(props) => props.theme.meshInterfaceLogoFilter}); + } + } + + .table-container { + width: 100%; + overflow-x: auto; + } + + td, th { + border: 0.05rem solid ${(props) => props.theme.primaryLightColor}; + text-align: left; + padding: 0.5rem; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + } + + .archived-project { + opacity: 0.3; + background-color: #808080; + // pointer-events: none; + } + + .linkscol{ + text-align: center; + width:8%; + } + + tbody:nth-child(even) { + background-color: ${(props) => props.theme.secondaryLightColorTwo}; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + } + .content > a:first-of-type > h2:first-of-type { padding-top: 1rem; } @@ -128,62 +200,6 @@ export const HandbookWrapper = styled.div` padding-bottom: 4rem; } - table { - border-collapse: collapse; - width: 98%; - margin: 1rem 0 2rem 0; - .github-icon{ - height: 1.7rem; - width:auto; - display: block; - margin-left: auto; - margin-right: auto; - filter: invert(${(props) => props.theme.meshInterfaceLogoFilter}); - } - .site-icon{ - height: 1.6rem; - width:auto; - display: block; - margin-left: auto; - margin-right: auto; - } - .inline { - display: inline; - vertical-align: bottom; - } - .smp-action{ - filter: invert(${(props) => props.theme.meshInterfaceLogoFilter}); - } - } - - .table-container { - width: 100%; - overflow-x: auto; - } - - td, th { - border: 0.05rem solid ${(props) => props.theme.primaryTestLightColor}; - text-align: left; - padding: 0.5rem; - transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); - } - - .archived-project { - opacity: 0.3; - background-color: #808080; - // pointer-events: none; - } - - .linkscol{ - text-align: center; - width:8%; - } - - tbody:nth-child(even) { - background-color: ${(props) => props.theme.secondaryTestLightColorTwo}; - transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); - } - .codes{ width:75% margin-top:-2rem; @@ -571,19 +587,5 @@ width: 90%; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); } } -/* repository overview */ -div.accessRequired { - font-size: small; - line-height: .9rem; - font-style: italic; -} -details.invite-only { - margin: 1rem; - padding: 1rem; - background-color: ${(props) => props.theme.grey313131ToGreenC9FCF6}; - span { - font-weight: bold; - display: inline; - } -} + `; diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index 234e6a9606471..563a62d626fe7 100644 --- a/src/theme/app/themeStyles.js +++ b/src/theme/app/themeStyles.js @@ -15,7 +15,6 @@ const lighttheme = { // silver chalice (light gray) primaryLightColor: "#b3b3b3", - primaryTestLightColor: "#2C2C2C", // keppel (dark green) primaryLightColorTwo: "#00d3a9", @@ -25,7 +24,6 @@ const lighttheme = { secondaryColor: "#00b39f", caribbeanGreenColor: "#00d3a9", secondaryLightColorTwo: "#F3FFFD", - secondaryTestLightColorTwo: "rgba(0,179,159, .4)", // lighter gray secondaryLightColor: "#FAFAFA", @@ -250,7 +248,7 @@ export const darktheme = { // silver chalice (light gray) primaryLightColor: "#2C2C2C", - primaryTestLightColor: "#2C2C2C", + // keppel (dark green) primaryLightColorTwo: "#2C2C2C", keppelColor: "#00d3a9", @@ -259,7 +257,7 @@ export const darktheme = { secondaryColor: "#00b39f", caribbeanGreenColor: "#00d3a9", secondaryLightColorTwo: "rgba(0,179,159, .4)", - secondaryTestLightColorTwo: "rgba(0,179,159, .4)", + // lighter gray secondaryLightColor: "#000000", @@ -465,4 +463,4 @@ export const darktheme = { }; -export default lighttheme; +export default lighttheme; \ No newline at end of file