主题识别

Timelord · 2025 年11 月 24 日 18:20

有人知道这个网站运行的是什么主题吗？是自定义的，还是在 meta 上可用的主题？

Moin · 2025 年11 月 24 日 18:24

您到底对什么感兴趣？

Timelord · 2025 年11 月 24 日 20:03

主要是背景和分类页面。

Moin · 2025 年11 月 24 日 20:20

我认为那是他们自定义主题的一部分。

你可以使用 CSS 添加背景图片（你可以在 Meta 上的相关主题中找到一些关于如何操作的详细信息，例如 https://meta.discourse.org/t/change-background-image-on-all-pages/117301/5）。你也可以使用 https://meta.discourse.org/t/graceful-theme/93040，它支持背景图片。

对于分类页面，你可以在分类的设置中添加分类图片，并在 Desktop category page style（桌面分类页面样式）设置中选择“categories only”（仅分类），就可以达到非常接近的效果。
然后你就会得到类似这样的效果：

你可以使用 CSS 隐藏主题数量和任何你不想要的其他内容。请参阅 https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101；你需要使用一些 display: none;。

这是他们在主题中使用的 CSS，但他们的论坛一年多没有更新了，所以情况可能已经有所变化：

$primary: #dddddd !default; $secondary: #222222 !default; $tertiary: #0f82af !default; $quaternary: #c14924 !default; $header_background: #111111 !default; $header_primary: #dddddd !default; $highlight: #a87137 !default; $danger: #e45735 !default; $success: #1ca551 !default; $love: #fa6c8d !default; $hover: #313131 !default; $selected: #2c2c2c !default;  $public_image_path: \"https://forums.crateentertainment.com/images\";  @import \"common/foundation/variables\"; @import \"common/foundation/mixins\"; $button_crate_icon: unquote(\"/uploads/default/original/2X/d/d5b44d066186a946345661d9d943bc373510f441.png\");$button_crate_icon_color: unquote(\"/uploads/default/original/2X/b/b31501c4efcdd2da2836af1da3f7aa26b09623d2.png\");$button_farthestfrontier_icon_color: unquote(\"/uploads/default/original/3X/4/1/41c0c1642db3454996bb11ea62d5943e008a3dc4.png\");$button_grimdawn_icon: unquote(\"/uploads/default/original/2X/6/64cf216464e0f96b80f35f1acec01c5023e82539.png\");$button_grimdawn_icon_color: unquote(\"/uploads/default/original/2X/0/0efa16ddf2f9fe5957e2c78b8d80005da66f904c.png\");$cratebackground: unquote(\"/uploads/default/original/1X/6250f2fd47394301cca2e81b3f4106d14f97a656.jpg\");$crate_icon_white: unquote(\"/uploads/default/original/3X/3/9/397d71d73a8538a57bc18a546a7165f25b819218.png\");$forumicon-scorv: unquote(\"/uploads/default/original/3X/8/d/8d24c3b6267ee7420a01909fcd9a8ccb08386205.png\");$GDX3_Icon: unquote(\"/uploads/default/original/3X/d/e/de792ba415e63b3ac8159e10ffc42bed586f6928.jpg\");$icons-sprite: unquote(\"/uploads/default/original/3X/a/9/a92a2d0a1f776b7154e4b23978d9d6adcb786332.svg\");$testericon: unquote(\"/uploads/default/original/3X/8/d/8d24c3b6267ee7420a01909fcd9a8ccb08386205.png\");$testicon: unquote(\"/uploads/default/original/3X/2/8/28e3370a4c2c7619b561008a77cd7ba58b713ca8.png\");$testingicon: unquote(\"/uploads/default/original/3X/4/2/42d3a16d3e69a185487e6691b9f4601f33aafd1a.jpg\");// Theme: Dark
// Target: common scss
// Last Edited: 2024-10-01 19:20:51 UTC


/*background image*/
html {
background: #01212e url($cratebackground);
background-size: cover;
background-position: 50% 30px;
background-attachment: fixed;
}

/*Removes subcategory links from hamburger*/
.category-links .category-link.subcategory {
display: none;
}

/*Banner*/
#banner {
 border-radius: 0;
 box-shadow: none;
 background: none;
 padding: 2em 2em 1em 2em;
 max-height: inherit;
 background-size: cover;
 background-color: #2f333d;
 background-blend-mode: color;
 color: #dddddd;
 margin-bottom: 20px;
}
#banner .close {
 color: #fff;
}
#banner #banner-content h2 {
 margin-bottom: 0.75em;
}


.has-logo div:first-child {
    float:left;
}

.has-logo h3 a {
    font-size: 0;
}

.has-logo .category-description {
    display: none;
}

.category-chooser .category-desc { 
    display: none; }


/*Making category topic writing different color in menus*/
.topic-list th {
color: #ff6825;
font-weight: normal;
font-size: 1em;
}

.category-list th {
font-size: 0;
}

html:not(.mobile-view) .list-container.has-sidebar
{
    width: 75% !important;
}

html:not(.mobile-view) .has-sidebar + .sidebar
{
    width: 20% !important;
}

.sidebar-content
{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.sidebar-title
{
    border-bottom: 1px solid #313131;
}

.category-list .subcategories {
    display: none;
}

.names {
  span.moderator a {
    color: yellow;
  }
  
  span.group--Crate_Employee a {
    color: #ff7800;
  }

}

#whos-online { font-weight: bold; }

.category-list .topics { width: 140px; }


// header stripe shadow
.d-header {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
padding-bottom: 3px;
border-bottom: 1px solid #D45000;
}


.badge-wrapper.box span.badge-category {
    padding: 0 6px 2px;
}

.d-icon-grimdawn
{
    background-size: cover;
    height: 100%;
    width: 50%;
    background-image: url($GDX3_Icon);
}

.d-icon-crate
{
    background-size: cover;
    height: 100%;
    width: 50%;
    background-image: url($crate_icon_white);
}

.d-icon-farthestfrontier
{
    background-size: cover;
    height: 100%;
    width: 20%;
    background-image: url($button_farthestfrontier_icon_color);
}

.d-icon-testicon
{
    background-size: cover;
    background-image: url($testingicon);
}


/*hide topic count/new topic on category display */
.category-list .topics {display: none}


/*update author column parameters and allow for icon to be in line with author name */
.topic-list .posters { width: 70px; min-width: 70px; text-align: left; text-overflow: ellipsis; white-space: nowrap;
  overflow: hidden; }

/*reduce size of category description font */
.category-list .category-description {font-size: 13px;}

/*change last poster font size and recolor date*/
.category-list .last-user-info {
    font-size: 13px;
}
.category-list .last-user-info .relative-date { color: #646464;}

/*reduce space betwen topics/categories */
.topic-list th, .topic-list td { padding: 8px 5px;}
.category-list th, .category-list td { padding: 8px 5px;}

/*hide suggested topics, cause it's dumb */
.suggested-topics { display: none;}


body[class*="category-grimdawn"] .list-container.has-sidebar {
    float: none;
    width: 100% !important;
}

body[class*="category-grimdawn"] .sidebar {
    display: none;
    visibility: hidden;
}

body[class*="category-future-projects"] .list-container.has-sidebar {
    float: none;
    width: 100% !important;
}


body[class*="category-future-projects"] .sidebar {
    display: none;
    visibility: hidden;
}

body[class*="category-off-topic"] .list-container.has-sidebar {
    float: none;
    width: 100% !important;
}

body[class*="category-off-topic"] .sidebar {
    display: none;
    visibility: hidden;
}

/*make read topic font darker for better contrast */
.topic-list-item.visited a.title:not(.badge-notification), .latest-topic-list-item.visited a.title:not(.badge-notification), .category-topic-link.visited a.title:not(.badge-notification) {
    color: #717171;
}


/*hide new topic button from forum landings */
body:not([class*='category-']) #create-topic { display: none; } body.tags-page #create-topic { display: block; }// Theme: Dark
// Target: desktop scss
// Last Edited: 2019-06-12 16:17:55 UTC
/*Making background in the center*/
#main-outlet {
background-color: #15171d;
padding-left: 50px;
padding-right: 50px;
}

.topic-list-item:hover {
background-color: #3d4049;
}

#main-outlet
{
    padding-left: 35px;
    padding-right: 35px;
}

.timeline-container
{
    margin-left: 1010px;
}

.topic-body
{
    width: 922px;
}

.timeline-container .topic-timeline
{
    margin-left: 1em;
}

.small-action
{
    max-width: 968px;
}

/*resize latest/top topics category fonts */
.topic-list .category-name { font-size: 10px;}