像着陆页一样

提交前检查

• 我搜索了现有的问题,没有找到重复

这能解决什么问题?

在https://usememos.com/上,时间线看起来很热,但在真实的应用中(如在演示上),看起来很粗放. 前者看起来有计划和设计,后者看起来非常"有计划".

你想怎么样?

主题使它像登陆页面上的小组件。

其他背景

Custom CSS似乎切开了它,但奇怪的是登陆页和"产品"的设计差别很大. 我终于可以接近了:

缩略语 @import url (“https://fonts.googleapis.com/css2? family=Inter:wght@400;500;600&display=swap”);

:root[数据-主题="默认"], :root[数据-主题="纸"],, :root[数据-主题="默认-黑暗"]{ --radius:0.75雷姆; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

.bg-card.round-lg. 边界:not(.round-b-none){ 底边:14px! {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

.bg-card.round-lg. 边境{ a. 水垫:1雷姆1.25雷姆; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

边 { 边框右侧:无; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

横跨[data-tag]{ 边框颜色:透明; 色- 色:色- 相( 以 oklch 为单位, var(- 主要) 为12%, 透明) ; 嵌入式:0.4雷姆; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

:root[数据-主题="默认"], :root[数据-主题="纸"]{ --背景:oklch(0.977 0.004 90);

• 前景:oklch(0.24.008.80); --card: oklch( 10 个); 前置卡:oklch(0.22.008 80); -- popover: oklch( 10 个); -- -- 前地:oklch(0.22.008.80); --muted:oklch(0.955 0.004 90); -- 混合前景:oklch(0.57.006 90); 中学:oklch(0.955 0.004 90); 中学前场:oklch(0.24.008.80); --cccent: oklch(0.955 0.004 90); 2.
• 前地:oklch(0.24.008.80);
• 边界:oklch(0.912 0.003 90); --输入:oklch(0.9 0.003 90);
• 边栏:oklch(0.977 0.004 90); --初级:oklch(0.45 0.08 250); 主要前景:oklch(0.98 0.005 95); --环:oklch(0.45 0.08 250);
• font-sans:"Inter","ui-san-serif","系统-i","应用系统","Segoe UI","机器人","sans-serif"; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

:root [data-theom="default"].bg-card. 圆-lg. 边境-边境, :root [数据-主题="纸"]. bg-card. rounded-lg. 边境{ 边框- 颜色: 颜色- 混合( 以 oklch 为单位, var(- 边界) 为65%, 透明) ; 框-阴影: 0 1px 2px hsl(40 10% 20% / 0.04); {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

:root [data-tem="default"].bg-card. 圆-lg. 边界-接地:hover, :root[数据-主题="纸"]. bg-card. 圆-lg. 边境:hover { 边框颜色: var (-- 边界); 框阴影: 0 2px 8px hsl(40 10% 20% / 0.07); {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

:root[数据-主题="默认-黑暗"]{ --背景:oklch(0.15 0); --前景:oklch(0.87 0); --card: oklch( 0. 185 0;) ; ; --card-前景: oklch( 0. 87 0 ); -- popover: oklch( 0. 21 0 ); (中文(简体) ). -- 人口覆盖前景: oklch( 0. 89 0 ); -- mud: oklch( 0. 24 0 ); (中文(简体) ). -- 模拟前景: oklch( 0. 63 0 ); 中学:oklch(0.23 0); -- 二级前景: oklch( 0. 85 0 ); --ccent: oklch( 0. 26 0 ); (中文(简体) ). --cent-前景:oklch(0.9 0); -- 边界:oklch(0.27 0); --输入:oklch(0.3 0); -- 侧边栏: oklch( 0. 13 0 ); . . . . . . .