Tema Moderno do DarkPixlz

Este é um tema antigo!

Se você estiver usando este tema ou estiver interessado nele, use Pyx's Modern Theme em vez disso. Nenhuma atualização está sendo feita neste tema.


Tema Moderno de darkpixlz

Este é um tema com cantos arredondados, muito desfoque, um visual consistente e é muito personalizado para se adequar ao seu fórum.

!!AVISO: Algumas capturas de tela podem estar desatualizadas, se estiverem, então esta postagem é um wiki, sinta-se à vontade para editar!

Este tema é feito para esquemas escuros. Ele suporta os claros, mas algumas coisas podem estar quebradas.
Capturas de tela:

image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
(Não consigo pegar mais aqui porque o próximo é uma chave de API privada)
image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
Estas são todas ANTIGAS e existem apenas por legado. Novas começam abaixo



Também existe uma versão em mosaico, mas não consegui encontrar um bom uso para ela neste post.
image




Estou editando este tópico, mas tenho que responder e o Discourse não me deixa salvar o rascunho - isso será editado com mais capturas de tela em breve.

Este tema suporta a maioria dos plugins principais.

Ele também não virá com uma paleta de cores diferente por enquanto, fique atento a isso no futuro.

Tem alguma ideia? Me diga aqui!

Configurações

Cursor Ativo: Permite que o cursor mude de estado.
Exemplo:
Desativado (padrão):
image
Ativado:
image

Imagem de Fundo: Altera a imagem de fundo.

Exemplos



Fundo Desfocado: Habilita o desfoque do fundo.

Exemplo

Ativado:


Desativado:

Tipo de Fundo: Alterna entre um fundo em mosaico e um fundo em escala.

Exemplo

Cortar:

Mosaico:

Tamanho do Mosaico: Altera o tamanho do mosaico, para ser aplicado a fundos em mosaico.
Tag de Staff: Habilita uma tag “STAFF” ao lado dos nomes de administradores e moderadores. Habilitado por padrão.

:warning: Plugins + componentes conhecidos por causar problemas

  • Componente de Largura Total
  • (possivelmente) Todos os Plugins de Anúncios

:warning: Outros avisos

  • Não recomendo adicionar fundos personalizados a coisas que não são configurações (como tags), pois isso causará incompatibilidades ou bugs.
  • Chrome e iOS são conhecidos por ter problemas com o desfoque de fundo em alguns lugares
  • As páginas “Mais Recentes” e “Principais” têm problemas conhecidos no celular
  • A visualização do Criador de Temas não funciona corretamente devido às cores
  • Embora esquemas claros sejam possíveis, isso pode quebrar algumas coisas e torná-las difíceis de ler.

Instalar este tema

:spiral_notepad: Notas de Lançamento
DarkPixlz's Modern Theme - #65 by darkpixlz

31 curtidas

Me lembra muito o Fluent (Windows 10), adorei :purple_heart:

5 curtidas

Olá a todos!

Notei que faltavam alguns cantos que foram prometidos, acabei de adicioná-los :slight_smile:
Aproveitem!


5 curtidas

Olá a todos!

Mais uma atualização hoje, mudei a forma como as coisas ficam borradas e adicionei suporte para o Discourse Chat.
Aproveitem :slight_smile:





Não tinha tanta certeza sobre o da bandeira - qualquer feedback é bem-vindo!

7 curtidas

Olá
Sou novo aqui e estava me perguntando se posso usar este tema no meu discourse.

4 curtidas

Todos os temas aqui em Theme são utilizáveis por todos (e os componentes em Theme component também). :+1: Este em particular é uma contribuição da comunidade de @darkpixlz, mas também existem alguns official - todos de código aberto e gratuitos para usar.

6 curtidas

Sim, como o @JammyDodger disse, você pode usar qualquer tema em Theme, basta clicar em Personalizar, depois Adicionar tema, depois De um repositório git, depois o link do repositório e ele será adicionado. Obrigado :slight_smile:

4 curtidas

Incrível! Funciona muito bem
Você pode me ajudar com uma coisa?
Como posso mudar o cabeçalho? a cor do gradiente para as minhas cores… Não consigo encontrar
Anexei uma foto:

1 curtida

Não entendi completamente.

Vou escrever um tema personalizado que é exatamente o tema, mas está faltando o gradiente. Me dê 10 minutos e exclua esse tema do seu site.

1 curtida

Ei! Desculpe pela demora, aqui está o repositório:

3 curtidas

Ah, muito obrigado, desculpe, minha pergunta não foi clara
é como você pode mudar a cor - em vez de verde para azul claro - por exemplo, rosa para azul escuro
Asset 1-100

1 curtida

Ahhh, entendi agora.

Claro, posso mudar isso para você. É uma imagem, lol, deveria provavelmente fazer um gradiente de verdade.

3 curtidas

hoo incrível… eu pensei que estivesse no código ou algo assim.. se for uma imagem, onde ela está para que eu possa substituí-la na minha versão?

3 curtidas

Além disso, como você é tão legal!!!
onde posso adicionar a imagem de fundo como você tem aqui? os ícones

1 curtida

Ok, ENTÃO
Exclua esse tema e obtenha o repositório padrão novamente.
Atualize-o

Crie um novo componente e faça o CSS ser este:

.d-header {
  background-image: url("https://cdn.discordapp.com/attachments/597146309908103178/1001925437632565308/Untitled2.jpg?size=4096") !important;
  background-repeat: no-repeat;
  border-radius: 0px 0px 8px 8px;
}

Em seguida, salve-o e aplique-o ao meu tema. Deve funcionar. :slight_smile:
Os ícones foram corrigidos na última atualização, basta clicar em “Atualizar para a mais recente”
Versão mais recente:

4 curtidas

Muito obrigado!
muito gentil da sua parte ajudar tanto!!!

Espero que eu entenda tudo :laughing:

2 curtidas

Olá a todos!

Esqueci de mencionar antes, mas graças ao @Don, o tema agora suporta totalmente o Firefox e navegadores móveis!

Também tenho planos e mudanças bem interessantes guardados para o futuro, fiquem atentos a um grande commit no futuro!

Falando nisso, vocês gostariam de cards como este?

Eu gostaria, mas não gostaria de descobrir o SCSS

Na verdade, consegui metade!

Novamente, me avisem se for algo que vale a pena manter.

2 curtidas

Estou na foto! :slight_smile:

2 curtidas

Parece uma mistura de Windows 11 e MacOS com um toque de Material Design aqui e ali, adorei :heart_eyes:

3 curtidas

Você está tentando transformar itens de lista de tópicos nesses cartões? Fica lindo, gosto desses cantos arredondados :laughing:. E acho que o espaço em branco abaixo das tags é reservado para trechos de tópicos, não é? Esta é uma ideia interessante. Eu diria, por favor, continue.

Mas o que esses números (como 120, 83, 16) representam não está muito claro, pelo menos para mim, talvez você possa fazer algumas melhorias nisso.

2 curtidas