Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Question] Is `theme()` auto completion supported?

See original GitHub issue

I set up everything on svelte + vite integration with windicss and using theme() doesn’t seem to work but everything worked fine like @apply, and css inside template auto-completion (class="bg-blue-500").

editor.quickSuggestion is set to true
"svelte": "html" is set as one of the includeLanguages

Issue Analytics

State:
Created 2 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

2reactions

alexanderniebuhrcommented, Jun 19, 2021

Ok now I understand. I don’t think this feature is yet supported. As an workaround you can do your own regex pattern with the includeLanguages option

1reaction

JeromeDeLeoncommented, Jun 18, 2021

const { defineConfig } = require('windicss/helpers');

module.exports = defineConfig({
  extract: {
    include: ['index.html', 'src/**/*.{html,svelte}'],
  },
  theme: {
    extend: {
      fontFamily: {
        sans: ['Quicksand'],
      },
    },
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      white: '#FFFFFF',
      black: '#000000',
      primary: {
        100: '#C8FAF7',
        200: '#93F5F6',
        300: '#5BD9E4',
        400: '#32B2CA',
        DEFAULT: '#0081A7',
        600: '#00648F',
        700: '#004B78',
        800: '#003560',
        900: '#002650',
      },
      success: {
        100: '#DEF9D1',
        200: '#B8F4A5',
        300: '#83DE73',
        400: '#52BD4B',
        DEFAULT: '#1D9120',
        600: '#157C20',
        700: '#0E6820',
        800: '#09541E',
        900: '#05451D',
      },
      info: {
        100: '#D7DFFE',
        200: '#AFBFFE',
        300: '#879CFC',
        400: '#6981FA',
        DEFAULT: '#3855F7',
        600: '#2840D4',
        700: '#1C2EB1',
        800: '#111E8F',
        900: '#0A1476',
      },
      warning: {
        100: '#FFF2CC',
        200: '#FFE299',
        300: '#FFCE66',
        400: '#FFBA3F',
        DEFAULT: '#FF9900',
        600: '#DB7A00',
        700: '#B75F00',
        800: '#934600',
        900: '#7A3500',
      },
      danger: {
        100: '#FCE1D6',
        200: '#FABDAE',
        300: '#F28F83',
        400: '#E66462',
        DEFAULT: '#D63340',
        600: '#B8253E',
        700: '#9A193B',
        800: '#7C1036',
        900: '#660932',
      },
      neutral: {
        100: '#F5F5F5',
        200: '#E5E5E5',
        300: '#D4D4D4',
        400: '#A3A3A3',
        DEFAULT: '#737373',
        600: '#525252',
        700: '#404040',
        800: '#262626',
        900: '#171717',
      },
    },
  },
});

Top Results From Across the Web

IntelliSense in Visual Studio Code

The editor supports "tab completion" which inserts the best matching completion when pressing Tab. This works regardless of the suggest widget showing or...

Autocompletion in ACE editor - Stack Overflow

setTheme("ace/theme/monokai");. Line below sets the mode based on programming language...other modes here: editor.getSession().setMode ...

How to turn off form autocompletion - Web security | MDN

By default, browsers remember information that the user submits through <input> fields on websites. This enables the browser to offer ...

Auto Complete - EmacsWiki

If you are using the current development version of AutoComplete (0.20 at the time of this edit) be aware that ac-source-semantic is now ......

Autocomplete Questions & Supplemental Data - Qualtrics

Autocomplete is a text entry question type that can guess the answer a respondent's going to give. It draws on a list of...