From b2e1a9e1d2d8d21f218a7198f16afa3d5c3e686d Mon Sep 17 00:00:00 2001 From: Peter Kostov Date: Mon, 8 Jul 2024 19:05:08 +0300 Subject: [PATCH] theme changed to "material" --- docfx.json | 5 +- templates/material/public/main.css | 182 +++++++++++++++++++++++++++++ templates/material/token.json | 73 ++++++++++++ 3 files changed, 258 insertions(+), 2 deletions(-) create mode 100644 templates/material/public/main.css create mode 100644 templates/material/token.json diff --git a/docfx.json b/docfx.json index 29107dc..1e17384 100644 --- a/docfx.json +++ b/docfx.json @@ -26,9 +26,10 @@ "fileMetadataFiles": [], "template": [ "default", - "modern" + "modern", + "templates/material" ], - "postProcessors": [], + "postProcessors": ["ExtractSearchIndex"], "markdownEngineName": "markdig", "noLangKeyword": false, "keepFileLink": false, diff --git a/templates/material/public/main.css b/templates/material/public/main.css new file mode 100644 index 0000000..06fd6a7 --- /dev/null +++ b/templates/material/public/main.css @@ -0,0 +1,182 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap'); + +:root { + --bs-font-sans-serif: 'Roboto'; + --bs-border-radius: 10px; + + --border-radius-button: 40px; + --card-box-shadow: 0 1px 2px 0 #3d41440f, 0 1px 3px 1px #3d414429; + + --material-yellow-light: #e6dfbf; + --material-yellow-dark: #5a5338; + + --material-blue-light: #c4d9f1; + --material-blue-dark: #383e5a; + + --material-red-light: #f1c4c4; + --material-red-dark: #5a3838; + + --material-warning-header: #f57f171a; + --material-warning-background: #f6e8bd; + --material-warning-background-dark: #57502c; + + --material-info-header: #1976d21a; + --material-info-background: #e3f2fd; + --material-info-background-dark: #2c4557; + + --material-danger-header: #d32f2f1a; + --material-danger-background: #ffebee; + --material-danger-background-dark: #572c2c; +} + +/* HEADINGS */ + +h1 { + font-weight: 600; + font-size: 32px; +} + +h2 { + font-weight: 600; + font-size: 24px; + line-height: 1.8; +} + +h3 { + font-weight: 600; + font-size: 20px; + line-height: 1.8; +} + +h5 { + font-size: 14px; + padding: 10px 0px; +} + +article h2, +article h3, +article h4 { + margin-top: 15px; + margin-bottom: 15px; +} + +article h4 { + padding-bottom: 8px; + border-bottom: 2px solid #ddd; +} + +/** IMAGES **/ +img { + border-radius: var(--bs-border-radius); + box-shadow: var(--card-box-shadow); +} + +/** NAVBAR **/ +.navbar-brand > img { + box-shadow: none; + color: var(--bs-nav-link-color); +} + +[data-bs-theme='light'] nav.navbar { + background-color: var(--bs-primary-bg-subtle); +} + +[data-bs-theme='dark'] nav.navbar { + background-color: var(--bs-tertiary-bg); +} + +.navbar-nav > li > a { + border-radius: var(--border-radius-button); + transition: 200ms; +} + +.navbar-nav a.nav-link:focus, +.navbar-nav a.nav-link:hover { + background-color: var(--bs-primary-border-subtle); +} + +.navbar-nav .nav-link.active, +.navbar-nav .nav-link.show { + color: var(--bs-link-hover-color); +} + +/** SEARCH AND FILTER **/ +input.form-control { + border-radius: var(--border-radius-button); +} + +form.filter { + margin: 0.3rem; +} + +/** ALERTS **/ +.alert { + padding: 0; + border: none; + box-shadow: var(--card-box-shadow); +} + +.alert > p { + padding: 0.2rem 0.7rem 0.7rem 1rem; +} + +.alert > ul { + margin-bottom: 0; + padding: 5px 40px; +} + +.alert > h5 { + padding: 0.5rem 0.7rem 0.7rem 1rem; + border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0; + font-weight: bold; + text-transform: capitalize; +} + +.alert-info { + color: var(--material-blue-dark); + background-color: var(--material-info-background); +} + +[data-bs-theme='dark'] .alert-info { + color: var(--material-blue-light); + background-color: var(--material-info-background-dark); +} + +.alert-info > h5 { + background-color: var(--material-info-header); +} + +.alert-warning { + color: var(--material-yellow-dark); + background-color: var(--material-warning-background); +} + +[data-bs-theme='dark'] .alert-warning { + color: var(--material-yellow-light); + background-color: var(--material-warning-background-dark); +} + +.alert-warning > h5 { + background-color: var(--material-warning-header); +} + +.alert-danger { + color: var(--material-red-dark); + background-color: var(--material-danger-background); +} + +[data-bs-theme='dark'] .alert-danger { + color: var(--material-red-light); + background-color: var(--material-danger-background-dark); +} + +.alert-danger > h5 { + background-color: var(--material-danger-header); +} + +/* CODE HIGHLIGHT */ +code { + border-radius: var(--bs-border-radius); + margin: 4px 2px; + box-shadow: var(--card-box-shadow); +} diff --git a/templates/material/token.json b/templates/material/token.json new file mode 100644 index 0000000..979196f --- /dev/null +++ b/templates/material/token.json @@ -0,0 +1,73 @@ +{ + "namespacesInSubtitle": "Namespaces", + "classesInSubtitle": "Classes", + "structsInSubtitle": "Structs", + "interfacesInSubtitle": "Interfaces", + "enumsInSubtitle": "Enums", + "delegatesInSubtitle": "Delegates", + "constructorsInSubtitle": "Constructors", + "fieldsInSubtitle": "Fields", + "propertiesInSubtitle": "Properties", + "methodsInSubtitle": "Methods", + "eventsInSubtitle": "Events", + "operatorsInSubtitle": "Operators", + "eiisInSubtitle": "Explicit Interface Implementations", + "functionsInSubtitle": "Functions", + "variablesInSubtitle": "Variables", + "typeAliasesInSubtitle": "Type Aliases", + "membersInSubtitle": "Members", + "improveThisDoc": "Suggest improvement to this page", + "viewSource": "View Source", + "inheritance": "Inheritance", + "derived": "Derived", + "inheritedMembers": "Inherited Members", + "package": "Package", + "namespace": "Namespace", + "assembly": "Assembly", + "syntax": "Syntax", + "overrides": "Overrides", + "implements": "Implements", + "remarks": "Remarks", + "examples": "Examples", + "seealso": "See Also", + "declaration": "Declaration", + "parameters": "Parameters", + "typeParameters": "Type Parameters", + "type": "Type", + "name": "Name", + "description": "Description", + "returns": "Returns", + "fieldValue": "Field Value", + "propertyValue": "Property Value", + "eventType": "Event Type", + "variableValue": "Variable Value", + "typeAliasType": "Type Alias Type", + "exceptions": "Exceptions", + "condition": "Condition", + "extensionMethods": "Extension Methods", + "note": "Note", + "warning": "Warning", + "tip": "Tip", + "important": "Important", + "caution": "Caution", + "tocToggleButton": "Show / Hide Table of Contents", + "tocFilter": "Filter by title", + "search": "Search", + "searchResults": "Search Results for", + "searchResultsCount": "{count} results for \"{query}\"", + "searchNoResults": "No results for \"{query}\"", + "pageFirst": "First", + "pagePrev": "Previous", + "pageNext": "Next", + "pageLast": "Last", + "inThisArticle": "In this article", + "nextArticle": "Next", + "prevArticle": "Previous", + "backToTop": "Back to top", + "themeLight": "Light", + "themeDark": "Dark", + "themeAuto": "Auto", + "changeTheme": "Change theme", + "copy": "Copy", + "downloadPdf": "Download PDF" +}