dandri/simplex-chat
1
0
Fork 0
mirror of https://github.com/simplex-chat/simplex-chat.git synced 2026-03-31 16:15:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

update colors

Browse Source
This commit is contained in:
Evgeny Poberezkin
2025-10-28 20:07:26 +00:00
parent 4b65394eb9
commit d1f55aba5c
22 changed files with 62 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
website/src/_data/docs_dropdown.json
View File

@@ -13,8 +13,8 @@
"url": "/docs/directory.html"
},
{
"title": "docs-dropdown-3",
"url": "/docs/sql.html"
"title": "docs-dropdown-2",
"url": "/docs/android.html"
},
{
"title": "docs-dropdown-4",

2
website/src/_includes/hero.html
View File

@@ -76,7 +76,7 @@
<p class="text-center text-[16px] leading-[24px] tracking-[0.04em] text-white">PLAY</p>
</div> #}
</div>
<div class="w-full md:hidden my-10 relative flex items-center justify-center bg-[#17203D]">
<div class="w-full md:hidden my-10 relative flex items-center justify-center bg-[#071C46]">
<video class="w-full" controls>
<source src="/video/connect.mp4" type="video/mp4">
</video>

4
website/src/_includes/layouts/article.html
View File

@@ -31,14 +31,14 @@
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
<body class="bg-[#F3FAFF] dark:bg-[#000832]">
{% include "navbar.html" %}
<div class="container px-5 mt-[66px]">
<a class="inline-block text-grey-black dark:text-white my-5 underline underline-offset-2" href="/blog"><&nbsp;Back to list</a>
</div>
<section id="article" class="container mb-[75px] bg-white dark:bg-[#17203D] px-5">
<section id="article" class="container mb-[75px] bg-white dark:bg-[#071C46] px-5">
<div class="py-6 md:p-[60px]">{{ content | safe }}</div>
</section>

6
website/src/_includes/layouts/doc.html
View File

@@ -23,10 +23,10 @@
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
<body class="bg-white dark:bg-[#000832]">
{% include "navbar.html" %}
<section id="doc" class="bg-white dark:bg-[#17203D] mt-[66px]">
<section id="doc" class="bg-white dark:bg-[#000832] mt-[66px]">
<div>
<main>
<aside class="sidebar px-4 lg:px-7">
@@ -77,7 +77,7 @@
</div>
{% endif %}
<div class="sticky top-[66px] bg-white dark:bg-[#17203D] z-[49] !py-2 lg:hidden">
<div class="sticky top-[66px] bg-white dark:bg-[#071C46] z-[49] !py-2 lg:hidden">
<div class="relative flex items-center justify-between">
<button class="menu flex items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24" class="menu-icon h-4 w-4 fill-[rgb(60,60,60)] dark:fill-white">

4
website/src/_includes/layouts/jobs.html
View File

@@ -22,10 +22,10 @@
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
<body class="bg-[#F3FAFF] dark:bg-[#000832]">
{% include "navbar.html" %}
<section id="doc" class="bg-white dark:bg-[#17203D] mt-[66px]">
<section id="doc" class="bg-[#F3FAFF] dark:bg-[#071C46] mt-[66px]">
<main class="container px-4 lg:px-7 py-10 md:py-16">
<div>{{ content | wrapH3s(page) | safe }}</div>
</main>

2
website/src/_includes/layouts/main.html
View File

@@ -35,7 +35,7 @@
<script src="/js/flag-anchor.js"></script>
{% block js_scripts %}{% endblock %}
</head>
<body class="bg-white dark:bg-[#0C0B13]">
<body class="bg-[#F3FAFF] dark:bg-[#000832]">
{% include "navbar.html" %}
{{ content | applyGlossary | safe }}

4
website/src/_includes/layouts/privacy.html
View File

@@ -30,10 +30,10 @@
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
<body class="bg-[#F3FAFF] dark:bg-[#000832]">
{% include "navbar.html" %}
<section id="article" class="container mt-[66px] mb-[75px] bg-white dark:bg-[#17203D] px-5">
<section id="article" class="container mt-[66px] mb-[75px] bg-white dark:bg-[#071C46] px-5">
<div class="py-6 md:p-[60px]">{{ content | safe }}</div>
</section>

10
website/src/_includes/layouts/token.html
View File

@@ -63,11 +63,13 @@
cursor: pointer;
}
#nft-app-content .btn-primary {
background-color: rgb(0, 83, 208);
background: -webkit-linear-gradient(to bottom, #53C1FF -50%, #0053D0 160%);
background: linear-gradient(to bottom, #53C1FF -50%, #0053D0 160%);
color: white;
}
.dark #nft-app-content .btn-primary {
background-color: rgb(112, 240, 249);
background: -webkit-linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
background: linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
color: rgb(13, 14, 18);
}
#nft-app-content #connect.btn-primary {
@@ -211,10 +213,10 @@
</style>
</head>
<body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
<body class="bg-[#F3FAFF] dark:bg-[#000832]">
{% include "navbar.html" %}
<section id="article" class="container mb-[75px] bg-white dark:bg-[#17203D] px-5 mt-[66px]">
<section id="article" class="container mb-[75px] bg-white dark:bg-[#071C46] px-5 mt-[66px]">
<div class="py-6 md:p-[60px]">{{ content | safe }}</div>
</section>

6
website/src/_includes/simplex_explained.html
View File

@@ -11,7 +11,7 @@
}
.dark .tab-button{
color: #fff;
background: linear-gradient(#0C0B13, #0C0B13) padding-box,
background: linear-gradient(#000832, #000832) padding-box,
linear-gradient(to bottom, #01F1FF, transparent) border-box;
}
.tab-button.active {
@@ -127,7 +127,7 @@ window.addEventListener("load", function () {
targetFrame = 0;
animateToTarget();
}
}else if(index === 1){
}else if(index === 1){
if (currentFrame !== 35) {
targetFrame = 35;
animateToTarget();
@@ -144,7 +144,7 @@ window.addEventListener("load", function () {
});
}
});
});
});
const targetNode = document.querySelector(".simplex-explained-swiper .swiper-pagination");
observer.observe(targetNode, { attributes: true });

6
website/src/blog.html
View File

@@ -41,14 +41,14 @@ active_blog: true
<section class="py-10 px-5 mt-[66px]" id="blog-list">
<div class="container">
<h1 class="text-[38px] text-center font-bold text-active-blue mb-9">Latest news</h1>
<h1 class="text-[38px] text-center font-bold mb-9">Latest news</h1>
{% for blog in collections.blogs %}
{% if not(blog.data.draft) %}
<article
class="w-full flex flex-col items-start md:flex-row rounded-[4px] overflow-hidden shadow-[0px_20px_30px_rgba(0,0,0,0.12)] dark:shadow-none bg-white dark:bg-[#11182F] mb-8">
class="w-full flex flex-col items-start md:flex-row rounded-[4px] overflow-hidden shadow-[0px_20px_30px_rgba(0,0,0,0.12)] dark:shadow-none bg-white dark:bg-[#0B2A59] mb-8">
<div
class="min-h-[200px] h-[inherit] self-stretch md:w-[168px] bg-[#DBEEFF] dark:bg-[#17203D] flex items-center justify-center flex-[1] relative">
class="min-h-[200px] h-[inherit] self-stretch md:w-[168px] bg-[#DBEEFF] dark:bg-[#071C46] flex items-center justify-center flex-[1] relative">
<div class="min-h-[inherit] h-full w-full flex items-end px-4 pt-4 justify-center relative">
{% if blog.data.image %}
{% if blog.data.imageBottom %}

6
website/src/css/blog.css
View File

@@ -1,3 +1,4 @@
h1,
#article h1 {
font-size: 38px;
font-weight: 700;
@@ -19,9 +20,10 @@
}
}
.dark h1,
.dark #article h1 {
background: -webkit-linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
background: linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
background: -webkit-linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
background: linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;

2
website/src/css/design3-nav.css
View File

@@ -233,6 +233,7 @@ header#navbar ul.sub-menu {
max-height: calc(100vh - 70px);
position: absolute;
background: #fff;
border: solid 1px #f2f2f7;
top: calc(100% + 8px);
padding: 16px 0;
min-width: 180px;
@@ -245,6 +246,7 @@ header#navbar ul.sub-menu {
.dark header#navbar ul.sub-menu {
background: #181e43;
border: none;
}
header#navbar ul.sub-menu li a {

10
website/src/css/doc.css
View File

@@ -87,8 +87,8 @@ header {
}
.dark #doc h1 {
background: -webkit-linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
background: linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
background: -webkit-linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
background: linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
@@ -235,7 +235,7 @@ header {
}
.dark #doc main aside {
background-color: #17203D;
background-color: #000832;
}
#doc main aside ul {
@@ -305,13 +305,13 @@ header {
left: 0;
right: 0;
bottom: 0;
background-color: #F3F6F7;
background-color: #F3FAFF;
opacity: 0.9;
z-index: 99;
}
.dark #doc main.overlay::after {
background-color: #0C0B13;
background-color: #000832;
}
#doc main article {

14
website/src/css/style.css
View File

@@ -265,8 +265,8 @@ a{
}
.dark .gradient-text {
background: -webkit-linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
background: linear-gradient(to bottom, #70F0F9 100%, #70F0F9 100%);
background: -webkit-linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
background: linear-gradient(to bottom, #70F0F9 0%, #70F0F9 33%, #50D8F1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
@@ -275,7 +275,7 @@ a{
.dark .border-gradient {
background:
linear-gradient(#11182F, #11182F) padding-box,
linear-gradient(#0B2A59, #0B2A59) padding-box,
linear-gradient(to bottom, transparent, #01F1FF 58%) border-box;
border: 1px solid transparent;
}
@@ -294,7 +294,7 @@ a{
.dark .unique-swiper .border-gradient{
background:
linear-gradient(#0C0B13, #0C0B13) padding-box,
linear-gradient(#000832, #000832) padding-box,
linear-gradient(to bottom, transparent, #01F1FF 58%) border-box;
border: 1px solid transparent;
}
@@ -839,13 +839,13 @@ p a{
position: absolute;
width: 100%;
height: 100%;
background-color:#F3F6F7;
background-color:#F3FAFF;
opacity: 0.9;
}
.dark .glossary-overlay::before {
content: '';
background-color: #0C0B13;
background-color: #000832;
}
.glossary-overlay .overlay-card{
@@ -864,7 +864,7 @@ p a{
}
.dark .glossary-overlay .overlay-card{
background-color: #17203D;
background-color: #071C46;
}
@media (min-width: 640px) {

11
website/src/directory.html
View File

@@ -148,12 +148,12 @@ active_directory: true
}
.dark .pagination button:hover {
background-color: #1f2937;
background-color: #0B2A50;
}
.pagination button.active {
font-weight: bold;
color: #11182F;
color: #0B2A59;
}
.dark .pagination button.active {
@@ -212,9 +212,9 @@ active_directory: true
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
border: none;
border-radius: 10px;
background-color: #f2f2f7;
background-color: white;
color: #000000;
outline: none;
outline: solid 1px #f2f2ff;
transition: background-color 0.2s, box-shadow 0.2s;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzg4ODg4OCI+CjxjaXJjbGUgY3g9IjEwLjUiIGN5PSIxMC41IiByPSI3LjUiIC8+CjxsaW5lIHgxPSIxNiIgeTE9IjE2IiB4Mj0iMjEiIHkyPSIyMSIgLz4KPC9nPgo8L3N2Zz4=');
background-position: 8px center;
@@ -227,9 +227,10 @@ active_directory: true
}
.dark #search {
background-color: #1f2937;
background-color: #0B2A50;
color: #ffffff;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2JiYmJiYiI+CjxjaXJjbGUgY3g9IjEwLjUiIGN5PSIxMC41IiByPSI3LjUiIC8+CjxsaW5lIHgxPSIxNiIgeTE9IjE2IiB4Mj0iMjEiIHkyPSIyMSIgLz4KPC9nPgo8L3N2Zz4=');
outline: none;
}
.dark #search::placeholder {

2
website/src/img/new/arrow-left-dark.svg
View File

@@ -1,6 +1,6 @@
<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_757_8895)">
<circle cx="20.1152" cy="20.6177" r="20" fill="#11182F"/>
<circle cx="20.1152" cy="20.6177" r="20" fill="#0B2A59"/>
<circle cx="20.1152" cy="20.6177" r="19.5" stroke="#70F0F9"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.1425 26.4923C22.4718 26.8216 23.0057 26.8216 23.335 26.4923C23.6644 26.163 23.6644 25.629 23.335 25.2997L18.6527 20.6174L23.335 15.935C23.6644 15.6057 23.6644 15.0718 23.335 14.7424C23.0057 14.4131 22.4718 14.4131 22.1425 14.7424L16.8954 19.9896C16.7227 20.1622 16.6406 20.3912 16.649 20.6174C16.6406 20.8435 16.7227 21.0725 16.8954 21.2451L22.1425 26.4923Z" fill="#70F0F9"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

2
website/src/img/new/arrow-right-dark.svg
View File

@@ -1,6 +1,6 @@
<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_658_12306)">
<circle cx="20.8008" cy="20.6367" r="20" fill="#11182F"/>
<circle cx="20.8008" cy="20.6367" r="20" fill="#0B2A59"/>
<circle cx="20.8008" cy="20.6367" r="19.5" stroke="#70F0F9"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7735 14.7616C18.4442 14.4323 17.9103 14.4323 17.581 14.7616C17.2517 15.091 17.2517 15.6249 17.581 15.9542L22.2633 20.6365L17.581 25.3189C17.2517 25.6482 17.2517 26.1821 17.581 26.5115C17.9103 26.8408 18.4442 26.8408 18.7735 26.5115L24.0207 21.2643C24.1933 21.0917 24.2755 20.8627 24.2671 20.6365C24.2755 20.4104 24.1933 20.1814 24.0207 20.0088L18.7735 14.7616Z" fill="#70F0F9"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

2
website/src/img/new/tab-video.svg
View File

@@ -1,7 +1,7 @@
<svg width="593" height="593" viewBox="0 0 593 593" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M592.883 0H0V592.883H592.883V0Z" fill="url(#pattern0)"/>
<path d="M408.499 49.1914H175.584V542.797H408.499V49.1914Z" fill="url(#pattern1)"/>
<path opacity="0.75" d="M400.179 38.8418H185.562C179.486 38.8418 174.562 43.7667 174.562 49.8418V544.829C174.562 550.904 179.486 555.829 185.562 555.829H400.179C406.254 555.829 411.179 550.904 411.179 544.829V49.8418C411.179 43.7667 406.254 38.8418 400.179 38.8418Z" fill="#17203D"/>
<path opacity="0.75" d="M400.179 38.8418H185.562C179.486 38.8418 174.562 43.7667 174.562 49.8418V544.829C174.562 550.904 179.486 555.829 185.562 555.829H400.179C406.254 555.829 411.179 550.904 411.179 544.829V49.8418C411.179 43.7667 406.254 38.8418 400.179 38.8418Z" fill="#071C46"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_75_24" transform="scale(0.000462963)"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

2
website/src/index.html
View File

@@ -61,7 +61,7 @@ active_home: true
</script>
</head>
<body>
<body class="bg-[#C1E3FE] dark:bg-[#050920]">
{% include "navbar.html" %}
{% set lang = page.url | getlang %}

2
website/src/js/design3.js
View File

@@ -115,6 +115,8 @@ async function showPromotedGroups() {
\\__ \\| || |\\/| | _/ |__| _| / . \\| (__| __ |/ _ \\| |
|___/___|_| |_|_| |____|___/_/ \\_\\\\___|_||_/_/ \\_\\_|
Mint SimpleX NFT for SMPX testnet access in 2026: https://simplex.chat/token
SimpleX directory: https://simplex.chat/directory
Ask SimpleX team: https://smp6.simplex.im/a#lrdvu2d8A1GumSmoKb2krQmtKhWXq-tyGpHuM7aMwsw
GitHub: https://github.com/simplex-chat/simplex-chat

2
website/src/js/directory.js
View File

@@ -171,7 +171,7 @@ function displayEntries(entries) {
try {
const { entryType, displayName, groupLink, shortDescr, welcomeMessage, imageFile } = entry;
const entryDiv = document.createElement('div');
entryDiv.className = 'entry w-full flex flex-col items-start md:flex-row rounded-[4px] overflow-hidden shadow-[0px_20px_30px_rgba(0,0,0,0.12)] dark:shadow-none bg-white dark:bg-[#11182F] mb-8';
entryDiv.className = 'entry w-full flex flex-col items-start md:flex-row rounded-[4px] overflow-hidden shadow-[0px_20px_30px_rgba(0,0,0,0.12)] dark:shadow-none bg-white dark:bg-[#0B2A59] mb-8';
const textContainer = document.createElement('div');
textContainer.className = 'text-container';

12
website/tailwind.config.js
View File

@@ -4,8 +4,8 @@ module.exports = {
theme: {
extend: {
backgroundImage: {
'gradient-radial': 'radial-gradient(88.77% 102.03% at 92.64% -13.22%, #17203D 0%, #0C0B13 100%)',
'gradient-radial-mobile': 'radial-gradient(77.4% 73.09% at -3.68% 100%, #17203D 0%, #0C0B13 100%)',
'gradient-radial': 'radial-gradient(88.77% 102.03% at 92.64% -13.22%, #071C46 0%, #000832 100%)',
'gradient-radial-mobile': 'radial-gradient(77.4% 73.09% at -3.68% 100%, #071C46 0%, #000832 100%)',
},
colors: {
'primary-light': '#0053D0',
@@ -18,16 +18,16 @@ module.exports = {
'active-blue': '#0197FF',
'black': '#0D0E12',
'grey-black': '#3F484B',
'secondary-bg-light': '#F3F6F7',
'secondary-bg-light': '#F3FAFF',
'primary-bg-light': '#FFFFFF',
'secondary-bg-dark': '#11182F',
'primary-bg-dark': '#0C0B13',
'secondary-bg-dark': '#0B2A59',
'primary-bg-dark': '#000832',
// What makes SimpleX private
'card-bg-light': '#ffffff',
'card-desc-bg-light': '#DBEEFF',
'card-bg-dark': '#17203D',
'card-bg-dark': '#071C46',
'card-desc-bg-dark': '#1B325C',
}
},