Acabei de descobrir como fazer isso no Eclipse. Admito que esta solução não tem suporte 100% SASS, as cores ficam um pouco esquisitas ao usar css aninhado, mas é muuuuito melhor do que olhar em texto simples e você não precisa instalar um editor separado.
Você precisa associar o tipo de arquivo .scss ao Editor CSS Eclipse nativo no Eclipse [Parte 1]. Depois de fazer isso, você precisa adicionar o tipo de arquivo .scss ao Editor CSS nativo para que o Editor CSS seja capaz de abri-lo [Parte 2]. Aqui estão as etapas para o eclipse (estou executando o Eclipse Java EE IDE para desenvolvedores da Web, Indigo):
Parte 1 - Associe o tipo de arquivo .scss ao Editor CSS Eclipse nativo
Vamos para Window > Preferences
Detalhar General > Editors > File Associations
No painel Associações de arquivo, clique no botão "Adicionar ..." no canto superior direito.
Para File Type:, insira *.scsse clique em OK.
Encontre a *.scssentrada na File Associationslista e selecione-a.
Após selecionar *.scss, no painel inferior Associated editors:, clique no Add...botão.
Certifique-se de que Internal editorsestá selecionado na parte superior, localize e selecione CSS Editore clique em OK.
Isso associa o tipo de arquivo .scss ao editor CSS nativo do Eclipses. Agora temos que configurar o editor CSS nativo para suportar arquivos .scss. Para fazer isso, siga estas etapas:
Parte 2 - Adicione o tipo de arquivo .scss ao Editor CSS nativo
Vamos para Window > Preferences
Detalhar General > Content Types
No painel Tipos de conteúdo, expanda Texte selecioneCSS
Depois de CSSselecionado, no File associations:painel inferior , clique no Add...botão.
Para Content type:, insira *.scsse clique em OK.
Clique OKpara fechar a janela Preferências.
Tudo feito. Tudo que você precisa fazer agora é fechar todos os arquivos .scss que você abriu e, em seguida, reabri-los e quais são as cores css no Eclipse para arquivos .scss!
Nota: Se as cores CSS não aparecem você pode ter que fazer o seguinte: Right click the .scss file > Open With > CSS Editor.
Espero que isto ajude.